/*
* R4X PORTFOLIO TRACKER · AUTHORITATIVE UI SYSTEM v2762
* SINGLE SOURCE OF TRUTH FOR PORTFOLIO TRACKER PRESENTATION.
* Consolidated from the historic shared Tracker section, shared batch tweaks,
* and all former inline Tracker style waves. No other R4X stylesheet may define .pt-* UI.
*/
/* ==========================================================================
R4X v469 Portfolio Tracker tool layout
Migrated from /tools/portfolio-tracker/styles.v491.css into the shared root stylesheet.
Regeln sind auf body[data-nav-tool="Portfolio Tracker"] und pt-* Klassen begrenzt.
========================================================================== */
:root{
--pt-bg:#05080d;
--pt-bg-2:#080d14;
--pt-surface:#0d131d;
--pt-surface-2:#111923;
--pt-surface-3:#151f2c;
--pt-line:rgba(255,255,255,.115);
--pt-line-soft:rgba(255,255,255,.075);
--pt-text:#f5f7fb;
--pt-soft:#dde5f2;
--pt-muted:#9ca8b9;
--pt-gold:#d2a638;
--pt-gold-2:#f0cf73;
--pt-gold-dark:#8c6613;
--pt-green:#49d18c;
--pt-red:#ff6262;
--pt-blue:#5ea5ff;
--pt-radius:24px;
--pt-shadow:0 24px 70px rgba(0,0,0,.36);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body[data-nav-tool="Portfolio Tracker"]{
margin:0;
min-height:100vh;
color:var(--pt-text);
background:
radial-gradient(circle at 18% -12%,rgba(210,166,56,.18),transparent 30%),
radial-gradient(circle at 90% 8%,rgba(94,165,255,.08),transparent 28%),
linear-gradient(180deg,#03060a 0%,#07101a 46%,#04070c 100%);
}
body[data-nav-tool="Portfolio Tracker"] button{cursor:pointer}
body[data-nav-tool="Portfolio Tracker"] button:disabled{cursor:not-allowed;opacity:.58}
.pt-page{width:min(1280px,calc(100% - 28px));margin:0 auto;padding:22px 0 42px}
.pt-shell-head,.pt-card,.pt-summary-card,.pt-note{
position:relative;
}
.pt-shell-head:before,.pt-card:before,.pt-summary-card:before{
content:"";position:absolute;left:18px;right:18px;top:0;height:1px;pointer-events:none;
}
.pt-shell-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px;margin-bottom:14px;overflow:hidden}
.pt-kicker{margin:0 0 5px;color:var(--pt-gold-2)}
.pt-shell-head h1{margin:0 0 8px}
.pt-lede{max-width:780px;margin:0;color:#d9e0eb}
.pt-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-top:3px}
.pt-currency-switch{display:inline-grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;border:1px solid rgba(240,207,115,.22);border-radius:14px;background:rgba(255,255,255,.03)}
.pt-currency-switch button{min-height:34px;min-width:58px}
.pt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.pt-btn:hover{transform:translateY(-1px)}
.pt-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 14px}
.pt-summary-card{padding:16px;min-height:106px;overflow:hidden}
.pt-summary-icon{width:34px;height:34px;border-radius:13px;display:inline-grid;place-items:center;margin-bottom:10px;border:1px solid rgba(240,207,115,.27);background:rgba(210,166,56,.12);color:var(--pt-gold-2)}
.pt-summary-label{color:#b6c0ce;margin-bottom:4px}
.pt-summary-value{white-space:nowrap}
.pt-summary-sub{margin-top:7px;color:#8f9cad}
.pt-mobile-tabs{display:none}
.pt-main-grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;margin-bottom:14px}
.pt-card{padding:18px;overflow:hidden}
.pt-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.pt-card-head--manage{align-items:center}
.pt-manage-text{margin:8px 0 0;color:#c0cad8;max-width:780px}
.pt-manage-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.pt-manage-body{margin-top:8px}
.pt-card-head h2{margin:0}.pt-muted-count{color:#d7dded;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:4px 8px;vertical-align:middle;margin-left:7px}
.pt-position-list{display:grid;gap:9px}
.pt-empty{border:1px dashed rgba(255,255,255,.16);border-radius:18px;padding:20px;color:#b8c1cf;background:rgba(255,255,255,.025)}
.pt-position-head,.pt-position-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(110px,.7fr) minmax(120px,.8fr) 88px;gap:12px;align-items:center}
.pt-position-list--manage{display:grid;gap:10px}
.pt-position-head--manage{padding-right:0}
.pt-position-head{padding:0 10px 8px;color:#95a2b4;border-bottom:1px solid var(--pt-line-soft)}
.pt-position-row{min-height:66px;padding:12px 10px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(255,255,255,.014)}
.pt-position-row--manage{grid-template-columns:minmax(220px,1.4fr) minmax(110px,.7fr) minmax(120px,.8fr) 88px}
.pt-position-row:hover{background:rgba(255,255,255,.032)}
.pt-asset-cell,.pt-position-asset{display:flex;gap:10px;align-items:center;min-width:0}.pt-asset-name{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-asset-meta{color:#9ca8b8;margin-top:2px}.pt-cell-label{display:none}.pt-cell-value{color:#f3f6fb}.pt-cell-value.is-muted{color:#c5cfdd}.pt-row-actions{display:flex;gap:7px;justify-content:flex-end}.pt-mini-btn,.pt-icon-btn{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);color:#edf3ff;border-radius:9px;min-width:32px;min-height:32px;font-weight:600;cursor:pointer}.pt-mini-btn:hover,.pt-icon-btn:hover{border-color:rgba(240,207,115,.35);background:rgba(255,255,255,.055)}.pt-mini-btn.is-danger{border-color:rgba(255,98,98,.34);color:#ff8282;background:rgba(255,98,98,.06)}.pt-mini-btn.is-danger:hover{border-color:rgba(255,98,98,.58);background:rgba(255,98,98,.13)}.pt-logo{position:relative;flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,rgba(210,166,56,.85),rgba(94,165,255,.65));box-shadow:0 8px 18px rgba(0,0,0,.25)}
.pt-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0c131e}.pt-logo span{position:relative;z-index:1;font-size:.64rem;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.pt-logo img + span{display:none}.pt-trend.is-positive{color:var(--pt-green)}.pt-trend.is-negative{color:var(--pt-red)}.pt-trend.is-neutral{color:#d3dbe7}
.pt-card--distribution{min-height:100%}.pt-chart{margin-bottom:16px}.pt-chart-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:center}.pt-donut-wrap{position:relative;width:210px;height:210px}.pt-donut{width:210px;height:210px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 15px 32px rgba(0,0,0,.28)}.pt-donut-wrap:after{content:"";position:absolute;inset:54px;border-radius:50%;background:linear-gradient(180deg,#111923,#090e16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.pt-donut-center{position:absolute;z-index:2;inset:0;display:grid;place-items:center;text-align:center;pointer-events:none;padding:0 28px}.pt-donut-center strong{display:block}.pt-donut-center span{display:block;color:#9faabc;margin-top:5px}.pt-legend{display:grid;gap:10px}.pt-legend-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;color:#cbd4e1}.pt-legend-row strong{color:#fff}.pt-dot{width:10px;height:10px;border-radius:3px;display:inline-block}.pt-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pt-fact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:14px}.pt-fact--statement{display:flex;align-items:flex-start;gap:12px}.pt-fact-text{min-width:0}.pt-fact-icon{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;font-size:.72rem;margin-top:1px}.pt-fact-sub{grid-column:1/-1}.pt-card--movement{margin-bottom:14px}.pt-table-wrap{overflow:visible}.pt-movement-head,.pt-movement-row{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(120px,.85fr) minmax(135px,.95fr) minmax(90px,.7fr) minmax(90px,.7fr) minmax(90px,.7fr) minmax(80px,.55fr);gap:12px;align-items:center}.pt-movement-head{padding:0 10px 9px;border-bottom:1px solid var(--pt-line-soft);color:#99a5b6}.pt-movement-row{min-height:64px;padding:12px 10px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(255,255,255,.012)}.pt-cell-value--stack{display:grid;gap:3px;justify-items:end}.pt-source{margin:14px 0 0;color:#8e9baf}.pt-card--manage{margin-bottom:14px}
.pt-card--manage.is-collapsed .pt-manage-body{display:none}
.pt-card--data{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.pt-data-copy{display:flex;gap:13px;align-items:center}.pt-data-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:13px;color:var(--pt-gold-2);border:1px solid rgba(240,207,115,.24);background:rgba(210,166,56,.1);font-size:1.2rem}.pt-data-copy h2{margin:0}.pt-data-copy p:not(.pt-kicker){margin:4px 0 0;color:#a6b2c2}.pt-data-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pt-import{cursor:pointer}.pt-note{padding:12px 14px}
.pt-modal[hidden]{display:none}.pt-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.pt-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(10px)}.pt-modal-card{position:relative;z-index:1;width:min(880px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;border:1px solid var(--pt-line);border-radius:26px;background:linear-gradient(180deg,#101823,#070d15);box-shadow:0 35px 100px rgba(0,0,0,.55);padding:18px}.pt-modal-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.pt-modal-head h2{margin:0}.pt-icon-btn{font-size:1.4rem;line-height:1}.pt-form-grid-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.pt-form-step{border:1px solid var(--pt-line-soft);border-radius:18px;background:rgba(255,255,255,.022);padding:14px}.pt-step-label{margin:0 0 12px;color:#dce3ed}.pt-field{display:grid;gap:7px;margin-bottom:12px}.pt-field span,.pt-mode>span{color:#b9c4d3}.pt-field input{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#060b12;color:#fff;padding:10px 12px;outline:none}.pt-field input:focus{border-color:rgba(240,207,115,.48);box-shadow:0 0 0 3px rgba(210,166,56,.12)}.pt-chip-grid{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 12px}.pt-chip-grid button{min-height:30px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.035);color:#e9eef7;padding:6px 10px}.pt-chip-grid button:hover{border-color:rgba(240,207,115,.4);background:rgba(210,166,56,.11)}.pt-results{display:grid;gap:6px;margin-top:8px}.pt-result-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.024);color:#fff;text-align:left;padding:7px 10px}.pt-result-btn:hover{border-color:rgba(240,207,115,.32);background:rgba(210,166,56,.08)}.pt-result-main{display:flex;align-items:center;gap:10px;min-width:0}.pt-result-meta{color:#8f9cad}.pt-selected{min-height:44px;border:1px dashed rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.018);color:#9ca8b9;padding:11px;margin-top:10px}.pt-selected.is-active{display:flex;gap:10px;align-items:center;border-style:solid;border-color:rgba(240,207,115,.25);background:rgba(210,166,56,.06);color:#fff}.pt-mode{display:grid;gap:7px;margin-bottom:12px}.pt-mode-buttons{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;background:#060b12}.pt-mode-buttons button{min-height:40px;border:0;border-right:1px solid rgba(255,255,255,.08);background:transparent;color:#c7d0de}.pt-mode-buttons button:last-child{border-right:0}.pt-mode-buttons button.is-active{background:linear-gradient(180deg,#d8a93d,#9a6d14);color:#1b1405}.pt-modal-actions{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.pt-feedback{min-height:20px;margin:10px 0 0;color:#c1cbd9}.pt-feedback.is-error{color:#ff9b9b}.pt-feedback.is-success{color:#7be0aa}
body[data-nav-tool="Portfolio Tracker"].pt-modal-open{overflow:hidden}
@media (max-width:1120px){
.pt-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.pt-main-grid{grid-template-columns:1fr}.pt-card--distribution{min-height:auto}.pt-chart-layout{grid-template-columns:1fr;gap:18px}.pt-donut-wrap{margin:0 auto}.pt-legend{max-width:460px;margin:0 auto}.pt-facts{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
.pt-page{width:min(100% - 22px,560px);padding:12px 0 32px}
.pt-shell-head{display:block;padding:18px;margin-bottom:10px}
.pt-head-actions{justify-content:stretch;margin-top:14px}
.pt-currency-switch{width:100%}
.pt-head-actions .pt-btn{flex:1}
.pt-mobile-tabs{position:sticky;top:calc(var(--r4x-shared-header-height,64px) + 6px);z-index:35;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 0 10px;padding:5px;border:1px solid var(--pt-line);border-radius:999px;background:rgba(8,13,20,.96);backdrop-filter:blur(12px)}
.pt-mobile-tabs button{min-height:38px;border:0;border-radius:999px;background:transparent;color:#aab5c5}
.pt-mobile-tabs button.is-active{background:rgba(210,166,56,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(240,207,115,.25)}
.pt-summary-strip{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.pt-summary-card{min-height:76px;padding:10px 11px}
.pt-summary-card:last-child{grid-column:1/-1}
.pt-summary-icon{width:24px;height:24px;margin-bottom:6px}
.pt-summary-sub{margin-top:4px}
.pt-card{padding:14px}
.pt-card-head{align-items:flex-start;margin-bottom:12px}
.pt-card-head--manage{display:block}
.pt-manage-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
.pt-card-head--manage .pt-btn{width:100%;margin-top:0}
.pt-card--positions,.pt-card--distribution,.pt-card--movement{display:none;margin-bottom:12px}
body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="positions"] .pt-card--positions,body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="distribution"] .pt-card--distribution,body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="movement"] .pt-card--movement{display:block}
.pt-card--data{display:block}
.pt-data-actions{justify-content:stretch;margin-top:12px}
.pt-data-actions .pt-btn{width:100%}
.pt-position-head{display:none}
.pt-position-row,.pt-position-row--manage{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.043),rgba(255,255,255,.015))}
.pt-position-row>.pt-position-asset{grid-column:1/2}
.pt-position-row>.pt-cell,.pt-position-row>.pt-row-actions{grid-column:1/-1}
.pt-position-row>.pt-cell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}
.pt-cell-label{display:block;color:#8f9cad;padding-right:8px}
.pt-row-actions{justify-content:flex-end}
.pt-chart-layout{grid-template-columns:1fr;gap:18px}
.pt-donut-wrap,.pt-donut{width:220px;height:220px}
.pt-donut-wrap:after{inset:56px}
.pt-legend{max-width:340px;margin:0 auto}
.pt-facts{grid-template-columns:1fr}
.pt-fact{grid-template-columns:minmax(0,1fr) auto}
.pt-fact--statement{display:flex;align-items:flex-start;gap:12px}
.pt-movement-head{display:none}
/* v1084: override moved to new block */
.pt-movement-row .pt-asset-cell{grid-column:1/2;min-width:0}
.pt-movement-row .pt-mobile-main{grid-column:2/3;grid-row:1/2;display:grid;justify-items:end;align-content:start;gap:4px;text-align:right}
.pt-movement-row .pt-mobile-main .pt-cell-label{display:block}
.pt-movement-row .pt-cell{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}
.pt-movement-row .pt-cell-value{text-align:right}
.pt-movement-row .pt-cell-value--stack{justify-items:end}
.pt-form-grid-main{grid-template-columns:1fr}
.pt-modal{align-items:end;padding:10px}
.pt-modal-card{width:100%;max-height:calc(100vh - 18px);border-radius:24px 24px 18px 18px}
.pt-modal-actions{grid-template-columns:1fr}
}
@media (max-width:390px){.pt-head-actions{display:grid}.pt-btn{width:100%}.pt-chart-layout{gap:12px}.pt-donut,.pt-donut-wrap{width:196px;height:196px}.pt-donut-wrap:after{inset:50px}.pt-summary-strip{grid-template-columns:1fr 1fr}.pt-summary-card:last-child{grid-column:1/-1}}
/* v471 Portfolio Tracker refinements */
.pt-page{width:min(1210px,calc(100% - 32px));padding:18px 0 38px}
.pt-shell-head{padding:19px 22px;margin-bottom:12px}
.pt-lede{max-width:720px}
.pt-card{padding:16px}
.pt-summary-strip{gap:10px;margin-bottom:12px}
.pt-summary-card{min-height:94px;padding:14px}
.pt-summary-icon{width:30px;height:30px;margin-bottom:8px}
.pt-summary-sub{margin-top:5px}
.pt-main-grid{gap:12px;margin-bottom:12px}
.pt-card-head{margin-bottom:13px}
.pt-donut-wrap,.pt-donut{width:222px;height:222px}
.pt-donut-wrap:after{inset:66px}
.pt-donut-center{padding:0 42px}
.pt-donut-center strong{white-space:nowrap}
.pt-chart-layout{grid-template-columns:236px minmax(0,1fr);gap:24px}
.pt-movement-head,.pt-movement-row{grid-template-columns:minmax(174px,1.35fr) minmax(98px,.78fr) minmax(112px,.86fr) minmax(90px,.7fr) minmax(116px,.84fr) minmax(70px,.52fr) minmax(70px,.52fr) minmax(70px,.52fr) minmax(60px,.44fr) 68px;gap:8px}
.pt-movement-head{padding-left:12px;padding-right:12px;grid-template-columns:minmax(174px,1.35fr) minmax(98px,.78fr) minmax(112px,.86fr) minmax(90px,.7fr) minmax(116px,.84fr) minmax(70px,.52fr) minmax(70px,.52fr) minmax(70px,.52fr) minmax(60px,.44fr) 68px;gap:8px}
.pt-movement-row{min-height:62px;padding:10px 12px}
.pt-movement-row .pt-cell{text-align:right;min-width:0}
.pt-movement-row .pt-asset-cell{text-align:left}
.pt-result-cell .pt-cell-value--stack,.pt-cell-value--stack{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.pt-source{margin-top:12px}
.pt-mobile-tabs{border-color:rgba(240,207,115,.34)!important;box-shadow:0 12px 32px rgba(0,0,0,.22), inset 0 0 0 1px rgba(240,207,115,.08)}
.pt-back-top{position:fixed;right:22px;bottom:22px;z-index:80;width:46px;height:46px;border-radius:999px;border:1px solid rgba(240,207,115,.44);background:linear-gradient(180deg,rgba(20,27,38,.96),rgba(8,13,20,.96));color:#f2cf64;box-shadow:0 18px 42px rgba(0,0,0,.38);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,border-color .18s ease}
.pt-back-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.pt-back-top:hover{border-color:rgba(240,207,115,.75)}
@media (max-width:1120px){
.pt-page{width:min(100% - 28px,1040px)}
.pt-movement-head,.pt-movement-row{grid-template-columns:minmax(168px,1.25fr) repeat(8,minmax(74px,.7fr));gap:8px}
}
@media (max-width:760px){
.pt-page{width:min(100% - 22px,560px);padding:12px 0 32px}
.pt-shell-head{padding:17px 18px}
.pt-mobile-tabs{border-color:rgba(240,207,115,.42)!important;background:rgba(8,13,20,.97)!important}
.pt-summary-strip{grid-template-columns:1fr 1fr;gap:8px}
.pt-summary-card{min-height:72px;padding:9px 10px}
.pt-summary-icon{width:22px;height:22px;margin-bottom:5px}
.pt-summary-value{white-space:normal}
.pt-donut-wrap,.pt-donut{width:224px;height:224px}
.pt-donut-wrap:after{inset:68px}
.pt-donut-center{padding:0 46px}
/* v1084: override moved to new block */
.pt-movement-row .pt-cell{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;text-align:right;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}
.pt-movement-row .pt-mobile-main{grid-column:2/3;grid-row:1/2;border-top:0;padding-top:0}
.pt-result-cell .pt-cell-value--stack{align-items:flex-end}
.pt-back-top{right:16px;bottom:16px;width:44px;height:44px}
}
@media (max-width:390px){
.pt-donut-wrap,.pt-donut{width:202px;height:202px}
.pt-donut-wrap:after{inset:62px}
.pt-donut-center{padding:0 40px}
}
/* Portfolio Tracker overlap fixes */
.pt-page{width:min(1160px,calc(100% - 36px));padding:16px 0 36px}
.pt-shell-head{padding:18px 22px;margin-bottom:10px}
.pt-lede{max-width:700px}
.pt-card{padding:15px}
.pt-summary-card{min-height:88px;padding:13px}
.pt-main-grid,.pt-summary-strip{gap:10px}
.pt-exit-slot{margin-top:14px;max-width:420px}
.r4x-tool-exit-bar.pt-exit-inline{width:100%;max-width:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none;justify-content:flex-start}
.r4x-tool-exit-bar.pt-exit-inline .r4x-tool-exit-bar__copy{display:none}
.r4x-tool-exit-bar.pt-exit-inline .r4x-tool-exit-bar__button{min-height:44px;padding:10px 16px;border-radius:14px;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.03)}
.r4x-tool-exit-bar.pt-exit-inline .r4x-tool-exit-bar__button:hover{background:rgba(255,255,255,.06)}
.pt-chart-layout{grid-template-columns:248px minmax(0,1fr);gap:26px;align-items:start}
.pt-donut-wrap,.pt-donut{width:236px;height:236px}
.pt-donut-wrap:after{inset:70px}
.pt-donut-center{padding:0 48px}
.pt-donut-center strong{max-width:100%;overflow-wrap:anywhere}
.pt-donut-center span{margin-top:4px}
.pt-legend{display:grid;gap:9px;align-content:start;min-width:0}
.pt-legend-row{grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:start}
.pt-legend-name{min-width:0;white-space:normal;overflow-wrap:anywhere}
.pt-legend-value{white-space:nowrap;align-self:start}
.pt-movement-head,.pt-movement-row{grid-template-columns:minmax(188px,1.42fr) minmax(98px,.72fr) minmax(108px,.84fr) minmax(98px,.72fr) minmax(116px,.86fr) minmax(80px,.56fr) minmax(80px,.56fr) minmax(80px,.56fr) minmax(72px,.5fr);gap:12px}
.pt-movement-head{padding:0 12px 9px}
.pt-movement-head>.pt-move-head{text-align:right;justify-self:stretch}
.pt-movement-head>.pt-move-head--asset{text-align:left}
.pt-movement-row{padding:11px 12px}
.pt-movement-row>.pt-asset-cell{justify-self:stretch;text-align:left}
.pt-movement-row>.pt-cell{justify-self:stretch;text-align:right;min-width:0}
.pt-movement-row>.pt-cell .pt-cell-value,.pt-movement-row>.pt-cell .pt-cell-value--stack{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;width:100%;text-align:right}
.pt-movement-row>.pt-cell .pt-cell-value:not(.pt-cell-value--stack){display:block}
@media (max-width:1120px){
.pt-page{width:min(100% - 28px,1024px)}
.pt-movement-head,.pt-movement-row{grid-template-columns:minmax(176px,1.26fr) repeat(8,minmax(76px,.66fr));gap:10px}
}
@media (max-width:760px){
.pt-page{width:min(100% - 22px,560px);padding:12px 0 30px}
.pt-shell-head{padding:16px 18px}
.pt-exit-slot{max-width:none;margin-top:12px}
.r4x-tool-exit-bar.pt-exit-inline .r4x-tool-exit-bar__button{width:100%}
.pt-mobile-tabs{border-color:rgba(240,207,115,.46)!important;box-shadow:0 12px 30px rgba(0,0,0,.24), inset 0 0 0 1px rgba(240,207,115,.1)}
.pt-chart-layout{grid-template-columns:1fr;gap:14px}
.pt-donut-wrap,.pt-donut{width:232px;height:232px}
.pt-donut-wrap:after{inset:68px}
.pt-donut-center{padding:0 44px}
.pt-legend{max-width:none;width:100%}
.pt-legend-row{gap:8px}
/* Movement Row: Card-Layout auf Mobile */
.pt-movement-row{
grid-template-columns:1fr auto!important;
grid-template-rows:auto!important;
gap:0 10px!important;
padding:12px 14px!important;
border-radius:14px!important;
border:1px solid rgba(255,255,255,.07)!important;
border-bottom:1px solid rgba(255,255,255,.07)!important;
background:rgba(255,255,255,.018)!important;
margin-bottom:6px!important;
min-height:unset!important;
}
.pt-movement-row:last-child{margin-bottom:0!important}
/* Asset: links oben */
.pt-movement-row .pt-asset-cell{grid-column:1!important;grid-row:1!important;padding-bottom:8px!important}
/* Aktionen: rechts oben */
/* Wert: prominent rechts oben */
.pt-movement-row .pt-mobile-main{grid-column:2!important;grid-row:1!important;border-top:none!important;padding-top:0!important;align-self:start!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important}
/* Alle data cells: volle Breite, label+wert nebeneinander */
.pt-movement-row .pt-cell{
grid-column:1/-1!important;
display:grid!important;
grid-template-columns:1fr auto!important;
gap:4px 10px!important;
align-items:start!important;
border-top:1px solid rgba(255,255,255,.055)!important;
padding:7px 0 0!important;
text-align:right!important;
background:none!important;
}
.pt-movement-row .pt-cell .pt-cell-label{display:block!important;text-align:left!important;color:#7a8899!important;grid-column:1!important}
.pt-movement-row .pt-cell .pt-cell-value,.pt-movement-row .pt-cell .pt-cell-value--stack{grid-column:2!important;text-align:right!important}
.pt-movement-row .pt-result-cell .pt-breakeven{grid-column:1/-1!important;text-align:right!important}
}
@media (max-width:390px){
.pt-donut-wrap,.pt-donut{width:214px;height:214px}
.pt-donut-wrap:after{inset:64px}
.pt-donut-center{padding:0 42px}
}
/* v473 Portfolio Tracker Plus, snapshot, narrative and mobile movement fixes */
.pt-hub-link{white-space:nowrap}
.pt-btn.is-disabled,.pt-btn:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.75)}
.pt-limit-box{margin:12px 0 0}
.pt-lock-note{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(240,207,115,.22);border-radius:16px;background:rgba(210,166,56,.055);padding:12px 14px;color:#dce5f3}
.pt-lock-note strong{color:#fff}
.pt-plus-cta{margin-left:auto;white-space:nowrap}
.pt-plus-section{margin-top:16px}
.pt-plus-block,.pt-plus-locked{padding:15px}
.pt-plus-locked{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012))}
.pt-plus-locked h3,.pt-plus-block h3{margin:0 0 6px}
.pt-plus-locked p,.pt-plus-block p{margin:0}
.pt-plus-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.pt-narrative-list{display:grid;gap:10px}
.pt-narrative-row{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(160px,1fr) auto;gap:12px;align-items:center}
.pt-narrative-label{min-width:0}
.pt-narrative-label span{display:block;color:#f7f9fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-narrative-label small{display:block;margin-top:2px;color:#8f9cad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-narrative-bar{height:9px;border-radius:999px;background:rgba(255,255,255,.075);overflow:hidden}
.pt-narrative-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#d8a93d,#f2cf64)}
.pt-narrative-row strong{white-space:nowrap;color:#fff;text-align:right}
.pt-snapshot-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pt-snapshot-compare>div{border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.022);padding:12px}
.pt-snapshot-compare span{display:block;color:#9faabc;margin-bottom:6px}
.pt-snapshot-compare strong{color:#fff}
.pt-snapshot-meta{margin-top:10px!important}
.pt-muted{color:#9faabc!important}
@media (max-width:760px){
.pt-head-actions{display:grid;grid-template-columns:1fr;gap:10px}
.pt-hub-link{width:100%;justify-content:center}
.pt-lock-note{display:grid;grid-template-columns:1fr;gap:10px}
.pt-plus-cta{margin-left:0;width:100%;justify-content:center}
.pt-plus-locked{display:grid;grid-template-columns:1fr;gap:10px}
.pt-plus-locked .pt-btn{width:100%;justify-content:center}
.pt-plus-head{display:grid;grid-template-columns:1fr;gap:10px}
.pt-plus-head .pt-btn{width:100%;justify-content:center}
.pt-narrative-row{grid-template-columns:1fr auto;gap:8px 10px}
.pt-narrative-label{grid-column:1/2}
.pt-narrative-bar{grid-column:1/-1;grid-row:2}
.pt-narrative-row strong{grid-column:2/3;grid-row:1}
.pt-snapshot-compare{grid-template-columns:1fr}
/* v1084: override moved to new block */
.pt-movement-row .pt-asset-cell{grid-column:1/-1!important}
.pt-movement-row .pt-mobile-main{grid-column:1/-1!important;grid-row:auto!important;border-top:1px solid rgba(255,255,255,.06)!important;padding-top:8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;justify-items:stretch!important;align-items:start!important;text-align:right!important}
.pt-movement-row .pt-mobile-main .pt-cell-label{display:block;text-align:left}
.pt-movement-row .pt-mobile-main .pt-cell-value{justify-self:end}
.pt-movement-row .pt-cell{grid-template-columns:minmax(0,1fr) auto!important}
}
/* v474 Snapshot comparison rebuild */
.pt-snapshot-help{margin:.25rem 0 0!important;color:#9faabc!important;max-width:760px}
.pt-last-snapshot{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}
.pt-last-snapshot>div,.pt-compare-card{border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.022);padding:12px;min-width:0}
.pt-last-snapshot span,.pt-compare-card>span{display:block;color:#9faabc;margin-bottom:6px}
.pt-last-snapshot strong{display:block;color:#fff;overflow-wrap:anywhere}
.pt-snapshot-info{border:1px solid rgba(240,207,115,.2);border-radius:16px;background:rgba(210,166,56,.055);padding:13px 14px;color:#cfd8e6;margin-top:12px}
.pt-snapshot-info strong{color:#fff}
.pt-snapshot-compare-wrap{margin-top:14px}
.pt-snapshot-compare-wrap h4,.pt-snapshot-narratives h4{margin:0 0 10px;color:#fff}
.pt-snapshot-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pt-compare-flow{display:flex;align-items:center;gap:8px;min-width:0;margin:2px 0 8px}
.pt-compare-flow b{min-width:0;color:#fff;overflow-wrap:anywhere}
.pt-compare-flow em{color:#f2cf64;opacity:.8;flex:0 0 auto}
.pt-compare-card>strong{display:block;color:#f2cf64}
.pt-snapshot-narratives{margin-top:14px;border-top:1px solid rgba(255,255,255,.075);padding-top:14px}
.pt-snapshot-narrative-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.018);border-radius:13px;padding:10px 12px;margin-top:8px}
.pt-snapshot-narrative-row span{color:#fff;min-width:0;overflow-wrap:anywhere}
.pt-snapshot-narrative-row b{color:#cbd5e1;white-space:nowrap}
.pt-snapshot-narrative-row strong{color:#f2cf64;white-space:nowrap;text-align:right}
@media (max-width:900px){
.pt-last-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}
.pt-snapshot-compare{grid-template-columns:1fr}
}
@media (max-width:760px){
.pt-last-snapshot{grid-template-columns:1fr}
.pt-compare-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:start}
.pt-compare-flow b:last-child{text-align:right}
.pt-snapshot-narrative-row{grid-template-columns:1fr;gap:5px}
.pt-snapshot-narrative-row b,.pt-snapshot-narrative-row strong{white-space:normal;text-align:left}
}
/* v475 structure, snapshot and delta refinements */
.pt-chart-layout{grid-template-columns:250px minmax(0,1fr);align-items:start}
.pt-legend{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:9px;align-content:start}
.pt-legend-row{min-width:0}
.pt-plus-head{align-items:flex-start}
.pt-plus-head .pt-btn{white-space:normal;text-align:center;max-width:320px}
.pt-snapshot-list{display:grid;gap:12px;margin-top:14px}
.pt-snapshot-item{border:1px solid rgba(255,255,255,.085);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.014));overflow:hidden}
.pt-snapshot-item>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid transparent}
.pt-snapshot-item>summary::-webkit-details-marker{display:none}
.pt-snapshot-item>summary span{color:#f2cf64}
.pt-snapshot-item>summary strong{color:#fff}
.pt-snapshot-item[open]>summary{border-bottom-color:rgba(255,255,255,.075)}
.pt-snapshot-summary-grid{margin:12px!important;padding:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.pt-snapshot-summary-grid>div{background:rgba(255,255,255,.024)}
.pt-snapshot-compare-wrap{padding:0 12px 14px}
.pt-compare-card>strong.pt-delta,.pt-snapshot-narrative-row strong.pt-delta{color:#cfd8e6}
.pt-delta.is-positive{color:#24e6a1!important}
.pt-delta.is-negative{color:#ff5252!important}
.pt-delta.is-neutral{color:#cfd8e6!important}
.pt-compare-flow em{color:#c8a94e}
.pt-snapshot-narrative-row strong.pt-delta{white-space:nowrap;text-align:right}
@media (min-width:980px){
.pt-chart-layout{grid-template-columns:250px minmax(0,1fr)}
.pt-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
.pt-chart-layout{grid-template-columns:1fr}
.pt-legend{grid-template-columns:1fr;max-width:none;margin:0;width:100%}
.pt-plus-head .pt-btn{width:100%;max-width:none;display:flex;justify-content:center;white-space:normal;overflow-wrap:anywhere}
.pt-snapshot-summary-grid{grid-template-columns:1fr!important;margin:10px!important}
.pt-snapshot-item>summary{align-items:flex-start;display:grid;grid-template-columns:1fr;gap:4px}
.pt-snapshot-compare-wrap{padding:0 10px 12px}
.pt-fact{padding:13px}
}
/* v476 snapshot cards, typography and mobile switch refinement */
body[data-nav-tool="Portfolio Tracker"],body[data-nav-tool="Portfolio Tracker"] .pt-page,body[data-nav-tool="Portfolio Tracker"] .pt-page *{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
}
.pt-donut,.pt-donut-wrap{transform:translateZ(0);backface-visibility:hidden}
.pt-snapshot-item>summary{position:relative;display:grid!important;grid-template-columns:auto minmax(92px,auto) minmax(0,1fr) 24px!important;align-items:center!important;gap:12px!important;padding:14px 16px!important}
.pt-snapshot-item>summary .pt-snapshot-title{color:#f2cf64;white-space:nowrap}
.pt-snapshot-item>summary strong{color:#fff;white-space:nowrap;text-align:right}
.pt-snapshot-item>summary small{min-width:0;color:#aeb8c8;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-snapshot-item>summary i{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;color:#f2cf64;border:1px solid rgba(240,207,115,.32);transition:transform .16s ease,background .16s ease}
.pt-snapshot-item[open]>summary i{transform:rotate(180deg);background:rgba(210,166,56,.1)}
@media (max-width:760px){
.pt-mobile-tabs{border:1.5px solid rgba(255,216,93,.82)!important;background:linear-gradient(180deg,rgba(12,17,25,.985),rgba(8,13,20,.965))!important;box-shadow:0 0 0 1px rgba(255,216,93,.22),0 14px 34px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,244,185,.08)!important}
.pt-mobile-tabs button.is-active{background:linear-gradient(180deg,rgba(255,221,103,.30),rgba(155,112,24,.30))!important;box-shadow:inset 0 0 0 1px rgba(255,232,142,.46),0 0 14px rgba(240,207,115,.12)!important;color:#fff!important}
.pt-snapshot-item>summary{grid-template-columns:1fr auto 24px!important;gap:8px!important}
.pt-snapshot-item>summary .pt-snapshot-title{grid-column:1/2}
.pt-snapshot-item>summary strong{grid-column:2/3;text-align:right}
.pt-snapshot-item>summary small{grid-column:1/3;grid-row:2/3;text-align:left;white-space:normal}
.pt-snapshot-item>summary i{grid-column:3/4;grid-row:1/3;align-self:center}
}
/* v477 visual density + sharper typography refinement */
body[data-nav-tool="Portfolio Tracker"],body[data-nav-tool="Portfolio Tracker"] .pt-page,body[data-nav-tool="Portfolio Tracker"] .pt-page *{text-rendering:optimizeLegibility;font-synthesis-weight:none}
.pt-plus-block,.pt-plus-locked{padding:13px 14px}
.pt-narrative-list{gap:8px}
.pt-narrative-row{grid-template-columns:minmax(180px,.88fr) minmax(150px,1fr) auto;gap:10px;align-items:center}
.pt-narrative-label span{color:#f4f7fb}
.pt-narrative-label small{color:#95a2b3}
.pt-narrative-bar{height:8px;background:rgba(255,255,255,.065)}
.pt-card--movement .pt-movement-head{padding:0 10px 8px}
.pt-card--movement .pt-movement-row{min-height:58px;padding:10px 10px}
.pt-card--movement .pt-cell-value--stack{gap:2px}
.pt-card--movement .pt-source{margin-top:12px}
.pt-card--movement .pt-logo{width:34px;height:34px}
.pt-snapshot-item>summary{padding:12px 14px!important;gap:10px!important}
.pt-snapshot-help{max-width:700px}
.pt-fact{padding:13px}
@media (max-width: 980px){
.pt-plus-block,.pt-plus-locked{padding:12px}
.pt-card--movement .pt-movement-row{padding:12px}
.pt-narrative-row{grid-template-columns:1fr auto;gap:8px 10px}
}
/* v477 override over previous sharpness block */
/* v478 final balance pass: calmer Plus area, denser movement, refined data card */
.pt-main-grid{gap:12px}
.pt-card--distribution{padding-bottom:14px}
.pt-plus-section{margin-top:12px}
.pt-plus-block,.pt-plus-locked{padding:12px 14px}
.pt-plus-head{gap:12px;align-items:flex-start}
.pt-plus-block h3,.pt-plus-locked h3{margin-bottom:5px}
.pt-snapshot-help{max-width:680px;color:#9ba7b8!important}
.pt-narrative-list{gap:7px;margin-top:4px}
.pt-narrative-row{grid-template-columns:minmax(176px,.9fr) minmax(155px,1fr) minmax(58px,auto);gap:10px;min-height:36px}
.pt-narrative-label span{color:#f0f4fa}
.pt-narrative-label small{margin-top:1px;color:#8996a8}
.pt-narrative-bar{height:7px;background:rgba(255,255,255,.058)}
.pt-snapshot-list{gap:9px;margin-top:12px}
.pt-snapshot-item{border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.010));border-color:rgba(255,255,255,.074)}
.pt-snapshot-item>summary{min-height:46px;padding:10px 13px!important;gap:9px!important}
.pt-snapshot-item>summary small{color:#a0acbc}
.pt-snapshot-item>summary i{width:22px;height:22px}
.pt-card--movement{padding:14px 15px;margin-bottom:12px}
.pt-card--movement .pt-card-head{margin-bottom:11px}
.pt-card--movement .pt-movement-head{padding:0 8px 7px}
.pt-card--movement .pt-movement-row{min-height:54px;padding:8px 9px;gap:9px}
.pt-card--movement .pt-movement-head,.pt-card--movement .pt-movement-row{grid-template-columns:minmax(178px,1.32fr) minmax(86px,.62fr) minmax(95px,.72fr) minmax(88px,.62fr) minmax(102px,.76fr) minmax(68px,.48fr) minmax(68px,.48fr) minmax(68px,.48fr) minmax(58px,.42fr) 68px}
.pt-card--movement .pt-logo{width:32px;height:32px}
.pt-card--movement .pt-asset-cell{gap:9px}
.pt-card--movement .pt-asset-meta{margin-top:1px}
.pt-card--movement .pt-cell-value--stack{gap:1px}
.pt-card--movement .pt-source{margin-top:10px}
.pt-card--data{padding:14px 15px;align-items:center}
.pt-data-copy{gap:11px}
.pt-data-icon{width:30px;height:30px;border-radius:11px;font-size:1rem;background:rgba(210,166,56,.07)}
.pt-data-copy p:not(.pt-kicker){color:#9aa6b6}
.pt-data-actions{gap:8px}
.pt-note{padding:11px 13px}
@media (max-width:1120px){
.pt-card--movement .pt-movement-head,.pt-card--movement .pt-movement-row{grid-template-columns:minmax(170px,1.2fr) repeat(8,minmax(64px,.56fr)) 68px;gap:8px}
}
@media (max-width:760px){
.pt-plus-head{display:grid;grid-template-columns:1fr;gap:10px}
.pt-plus-head .pt-btn{width:100%}
.pt-narrative-row{grid-template-columns:1fr auto;min-height:0;padding:2px 0}
.pt-narrative-bar{height:7px}
.pt-card--movement{padding:0!important}
.pt-card--movement .pt-movement-row{/* v1084 padding handled by new block */}
.pt-card--data{display:grid;gap:13px;padding:14px}
.pt-data-actions{justify-content:stretch;display:grid;grid-template-columns:1fr}
.pt-data-actions .pt-btn{width:100%}
}
/* v479 Market-Cap structure block */
.pt-cap-block{margin-top:12px}
.pt-cap-block--free .pt-plus-head{align-items:center}
.pt-cap-summary{margin:.15rem 0 0!important;color:#d9e2ee!important;max-width:780px}
.pt-cap-legend{display:flex;flex-wrap:wrap;gap:6px 10px;margin:10px 0 11px;color:#93a0b2}
.pt-cap-legend span{display:inline-flex;gap:4px;align-items:center;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);border-radius:999px;padding:4px 8px}
.pt-cap-legend strong{color:#dfe7f2}
.pt-cap-list{display:grid;gap:8px}
.pt-cap-row{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(160px,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.014);border-radius:13px;padding:9px 10px}
.pt-cap-label{min-width:0}
.pt-cap-label span{display:block;color:#f4f7fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-cap-label small{display:block;margin-top:2px;color:#8f9cad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-cap-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.pt-cap-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(240,207,115,.78),rgba(255,231,145,.92))}
.pt-cap-row>strong{white-space:nowrap;color:#fff;text-align:right}
@media (max-width:760px){
.pt-cap-row{grid-template-columns:1fr auto;gap:8px 10px;padding:9px 10px}
.pt-cap-label{grid-column:1/2}
.pt-cap-row>strong{grid-column:2/3;grid-row:1;text-align:right}
.pt-cap-bar{grid-column:1/-1;grid-row:2}
.pt-cap-legend{display:grid;grid-template-columns:1fr;gap:6px}
.pt-cap-legend span{justify-content:flex-start;border-radius:12px}
}
/* v480 Plus CTA consolidation + Plus structure polish */
.pt-plus-locked{display:block!important;position:relative;border-color:rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(255,255,255,.020),rgba(255,255,255,.010))}
.pt-lock-line{display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:6px 9px;border:1px solid rgba(240,207,115,.20);border-radius:999px;background:rgba(210,166,56,.055);color:#d8e1ee}
.pt-lock-line span:first-child{color:#f2cf64}
.pt-plus-unlock-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;border:1px solid rgba(240,207,115,.20);border-radius:17px;background:linear-gradient(180deg,rgba(210,166,56,.075),rgba(255,255,255,.012));padding:13px 14px}
.pt-plus-unlock-summary h3{margin:0 0 4px;color:#fff}
.pt-plus-unlock-summary p{margin:0;color:#aeb9c8;max-width:760px}
.pt-plus-unlock-summary .pt-btn{flex:0 0 auto}
.pt-narrative-row,.pt-cap-row{border-color:rgba(255,255,255,.070);background:linear-gradient(180deg,rgba(255,255,255,.020),rgba(255,255,255,.009))}
.pt-narrative-label span,.pt-cap-label span{color:#f5f8fd}
.pt-narrative-row strong,.pt-cap-row>strong{color:#fff}
.pt-cap-summary{color:#dfe7f2!important}
.pt-cap-legend{gap:5px 8px!important;margin:8px 0 10px!important;color:#8794a6!important}
.pt-cap-legend span{padding:3px 7px!important;border-color:rgba(255,255,255,.055)!important;background:rgba(255,255,255,.012)!important}
.pt-cap-legend strong{color:#cfd8e6!important}
@media (max-width:760px){
.pt-plus-unlock-summary{display:grid;grid-template-columns:1fr;gap:10px;padding:12px}
.pt-plus-unlock-summary .pt-btn{width:100%;justify-content:center}
.pt-lock-line{border-radius:12px;white-space:normal;align-items:flex-start}
}
/* v481 Plus structure accordions */
.pt-plus-accordion{border:1px solid var(--pt-line-soft);border-radius:18px;background:rgba(255,255,255,.022);overflow:hidden}
.pt-plus-accordion+ .pt-plus-accordion{margin-top:12px}
.pt-plus-accordion>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px}
.pt-plus-accordion>summary::-webkit-details-marker{display:none}
.pt-plus-accordion>summary h3{margin:0;display:flex;align-items:center;gap:7px}
.pt-plus-accordion>summary .pt-kicker{margin-bottom:4px}
.pt-plus-accordion>summary i{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;color:#f2cf64;border:1px solid rgba(240,207,115,.32);flex:0 0 auto;transition:transform .16s ease,background .16s ease}
.pt-plus-accordion[open]>summary{border-bottom:1px solid rgba(255,255,255,.075)}
.pt-plus-accordion[open]>summary i{transform:rotate(180deg);background:rgba(210,166,56,.1)}
.pt-plus-accordion-body{padding:13px 15px 15px}
.pt-plus-accordion-body>p:first-child{margin-top:0}
.pt-plus-lock-dot{font-size:.86rem;line-height:1}
.pt-plus-accordion.pt-plus-locked{background:rgba(255,255,255,.018)}
.pt-plus-accordion .pt-cap-summary{margin:0 0 11px;color:#d7e0ec}
.pt-plus-accordion .pt-cap-legend{gap:6px 12px;margin-bottom:12px;color:#9ca8b8}
.pt-plus-accordion .pt-cap-legend strong{color:#d4dce9}
.pt-plus-accordion .pt-narrative-list,.pt-plus-accordion .pt-cap-list{margin-top:0}
@media (max-width:760px){
.pt-plus-accordion>summary{padding:13px 14px}
.pt-plus-accordion-body{padding:12px 14px 14px}
}
/* v482 free locked card visible copy */
.pt-plus-accordion>summary .pt-plus-summary-copy{
margin:6px 0 0;
color:#aeb9c8;
max-width:760px;
}
.pt-plus-accordion.pt-plus-locked>summary .pt-plus-summary-copy{
color:#b6c1d0;
}
.pt-plus-accordion.pt-plus-locked .pt-plus-accordion-body{
padding-top:0;
}
.pt-plus-accordion.pt-plus-locked .pt-lock-line{
margin-top:10px;
}
@media (max-width:760px){
}
/* v483 distribution ordering + premium plus cards */
.pt-legend--columns{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
column-gap:56px;
row-gap:0;
align-items:start;
}
.pt-legend-col{
display:grid;
gap:10px;
align-content:start;
min-width:0;
}
.pt-legend--columns .pt-legend-row{
grid-template-columns:10px minmax(0,1fr) auto;
gap:10px;
padding-right:4px;
}
.pt-legend--columns .pt-legend-name{
padding-right:10px;
}
.pt-legend--columns .pt-legend-value{
min-width:52px;
text-align:right;
}
.pt-plus-block--premium > summary{
padding:16px 18px;
}
.pt-plus-block--premium > summary i{
width:30px;
height:30px;
display:grid;
place-items:center;
}
.pt-plus-block--premium .pt-plus-accordion-body{
padding:0 18px 18px;
}
.pt-plus-panel-intro{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px 12px;
margin:0 0 14px;
padding:10px 12px;
border:1px solid rgba(255,255,255,.06);
border-radius:14px;
background:rgba(255,255,255,.02);
}
.pt-plus-panel-intro p{
margin:0;
color:#b8c4d3;
}
.pt-plus-panel-badge{
display:inline-flex;
align-items:center;
gap:6px;
padding:5px 9px;
border-radius:999px;
border:1px solid rgba(240,207,115,.18);
background:rgba(240,207,115,.07);
color:#f2cf64;
}
.pt-plus-block--premium .pt-narrative-list,
.pt-plus-block--premium .pt-cap-list{
gap:12px;
}
.pt-plus-block--premium .pt-narrative-row,
.pt-plus-block--premium .pt-cap-row{
padding:11px 12px;
}
.pt-plus-block--premium .pt-narrative-label small,
.pt-plus-block--premium .pt-cap-label small{
margin-top:4px;
}
.pt-plus-block--premium .pt-narrative-bar,
.pt-plus-block--premium .pt-cap-bar{
height:10px;
}
.pt-plus-block--premium .pt-cap-summary{
margin-bottom:12px;
}
.pt-plus-block--premium .pt-cap-legend{
gap:6px 10px;
margin-bottom:14px;
}
.pt-plus-block--premium .pt-cap-legend span{
display:inline-flex;
align-items:center;
padding:5px 8px;
}
@media (max-width:760px){
.pt-legend--columns{
grid-template-columns:1fr;
column-gap:0;
row-gap:8px;
}
.pt-legend-col{
gap:8px;
}
.pt-plus-block--premium > summary{
padding:14px 14px;
}
.pt-plus-block--premium .pt-plus-accordion-body{
padding:0 14px 14px;
}
.pt-plus-panel-intro{
padding:9px 10px;
gap:8px;
}
}
/* v488 portfolio CTA typography isolation + import feedback + delete clear guard */
body[data-nav-tool="Portfolio Tracker"] .pt-page .pt-btn,
body[data-nav-tool="Portfolio Tracker"] .pt-page label.pt-btn,
body[data-nav-tool="Portfolio Tracker"] .pt-page button.pt-btn,
body[data-nav-tool="Portfolio Tracker"] .pt-page .pt-currency-switch button,
body[data-nav-tool="Portfolio Tracker"] .pt-page .pt-mobile-tabs button,
body[data-nav-tool="Portfolio Tracker"] .pt-page .pt-icon-btn,
body[data-nav-tool="Portfolio Tracker"] .pt-page .pt-mini-btn{
line-height:1.15!important;
font-synthesis:none!important;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.pt-data-feedback{
flex-basis:100%;
margin:2px 0 0;
padding:10px 12px;
border-radius:13px;
border:1px solid rgba(94,165,255,.30);
background:rgba(94,165,255,.075);
color:#dceaff;
}
.pt-data-feedback[hidden]{display:none!important;}
.pt-data-feedback.is-warning{border-color:rgba(240,207,115,.34);background:rgba(210,166,56,.085);color:#f5df9b;}
.pt-data-feedback.is-error{border-color:rgba(255,98,98,.38);background:rgba(255,98,98,.085);color:#ff9b9b;}
.pt-data-feedback.is-success{border-color:rgba(73,209,140,.32);background:rgba(73,209,140,.075);color:#b8f3d2;}
/* v490 legal hint, compact valuation copy and search logo hydration */
.pt-mode-hint{margin:8px 0 2px;color:#aeb8c8}
.pt-result-btn .pt-logo{background:linear-gradient(135deg,rgba(210,166,56,.82),rgba(94,165,255,.58))}
.pt-logo span{pointer-events:none}
/* v1084 — Mobile Tracking Rows als Cards (spezifisch) */
@media (max-width:760px){
.pt-card--movement .pt-movement-head{display:none!important}
.pt-card--movement .pt-movement-row{
grid-template-columns:1fr auto!important;
grid-template-rows:auto!important;
gap:0 10px!important;
padding:12px 14px!important;
margin-bottom:6px!important;
min-height:unset!important;
}
.pt-card--movement .pt-movement-row:last-child{margin-bottom:0!important}
.pt-card--movement .pt-movement-row .pt-asset-cell{grid-column:1!important;grid-row:1!important;padding-bottom:8px!important}
/* Aktionen: oben rechts, Wert darunter */
.pt-card--movement /* v1097: tracking-actions overridden by index.html */
/* v1097: mobile-main handled by index.html style tag */
.pt-card--movement .pt-movement-row .pt-cell{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr auto!important;gap:4px 8px!important;align-items:start!important;padding:7px 0 0!important;text-align:right!important}
.pt-card--movement .pt-movement-row .pt-cell .pt-cell-label{display:block!important;text-align:left!important;grid-column:1!important}
.pt-card--movement .pt-movement-row .pt-cell .pt-cell-value,.pt-card--movement .pt-movement-row .pt-cell .pt-cell-value--stack{grid-column:2!important;text-align:right!important}
.pt-card--movement .pt-movement-row .pt-result-cell .pt-breakeven{grid-column:1/-1!important;text-align:right!important}
/* Section Head Mobile: zweizeilig */
.pt-section-head{padding:12px 14px!important;flex-wrap:wrap!important;gap:6px 8px!important}
.pt-section-head-left{flex:1 1 100%!important}
.pt-section-head-right{flex:1 1 auto!important;gap:5px!important;margin-right:8px!important}
.pt-section-head>.pt-collapse-chevron{flex-shrink:0!important}
.pt-section-head-right .pt-btn{white-space:nowrap!important}
}
/* v1098 Portfolio Tracker repair: tabs, desktop table, contrast, modals */
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist:not(.is-section-collapsed) .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement:not(.is-section-collapsed) .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution:not(.is-section-collapsed) .pt-section-head{
border-bottom-color: rgba(212,175,55,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-chart{
margin: 16px 20px 16px !important;
padding: 4px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-facts,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-plus-section{
margin-left: 20px !important;
margin-right: 20px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-inline-star{
min-width: 24px !important;
height: 22px !important;
font-size: 14px !important;
border-radius: 7px !important;
padding: 0 5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-wl-star,
body[data-nav-tool="Portfolio Tracker"] .pt-wl-edit-btn,
body[data-nav-tool="Portfolio Tracker"] .pt-wl-remove-btn{
min-width: 32px !important;
width: 32px !important;
min-height: 32px !important;
height: 32px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-wl-edit-btn{ padding:0 !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-wl-actions{align-items:center !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-result-pct-row{
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
gap:6px !important;
flex-wrap:wrap !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-result-pct-row .pt-breakeven{margin-top:0 !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-modal{
z-index: 10050 !important;
align-items: center !important;
justify-content: center !important;
padding: 20px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal-card{
max-height: calc(100dvh - 40px) !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-card{width:min(920px,calc(100vw - 40px)) !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-icon-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 auto !important;
}
@media (min-width:761px){
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement .pt-table-wrap{
padding: 8px 20px 6px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-movement-head,
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-movement-row{
min-width: 1080px !important;
display:grid !important;
grid-template-columns: minmax(168px,1.42fr) minmax(92px,.67fr) minmax(104px,.74fr) minmax(92px,.63fr) minmax(128px,.92fr) minmax(66px,.47fr) minmax(66px,.47fr) minmax(66px,.47fr) minmax(54px,.39fr) 64px !important;
gap:8px !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-movement-head{
padding: 6px 0 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-movement-row{
padding: 11px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell-label{display:none !important;}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell,
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-mobile-main{
display:block !important;
min-width:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-result-cell,
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell-value--stack{
display:flex !important;
flex-direction:column !important;
align-items:flex-end !important;
justify-content:flex-start !important;
gap:3px !important;
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell-value:not(.pt-cell-value--stack){
display:block !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-tracking-actions{
display:flex !important;
flex-direction:row !important;
justify-content:flex-end !important;
align-items:center !important;
gap:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement .pt-source{
padding: 7px 20px 14px !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution{display:none !important;}
body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="movement"] .pt-card--watchlist,
body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="movement"] .pt-card--movement{display:block !important;}
body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="distribution"] .pt-card--distribution{display:block !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-chart{margin:14px 14px 14px !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-facts,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-plus-section{margin-left:14px !important;margin-right:14px !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement .pt-table-wrap{padding: 0 12px 8px !important;}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-result-cell .pt-result-stack{
grid-column:2 !important;
align-items:flex-end !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-result-cell .pt-result-pct-row{
justify-content:flex-end !important;
max-width: 100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-result-cell .pt-breakeven{
width:auto !important;
display:inline-flex !important;
margin-left:4px !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal{
align-items:flex-start !important;
padding: calc(var(--r4x-shared-header-height,64px) + 10px) 10px max(10px,env(safe-area-inset-bottom)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal-card{
width:100% !important;
max-width:560px !important;
max-height: calc(100dvh - var(--r4x-shared-header-height,64px) - 22px) !important;
border-radius: 22px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal-head{
position: sticky !important;
top: 0 !important;
z-index: 4 !important;
margin: -2px -2px 12px !important;
padding: 2px 2px 10px !important;
background: linear-gradient(180deg,#101823 0%,rgba(16,24,35,.96) 78%,rgba(16,24,35,0) 100%) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal-head .pt-icon-btn{
min-width:40px !important;
width:40px !important;
min-height:40px !important;
height:40px !important;
font-size:1.45rem !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-page{
width:min(1120px,calc(100% - 36px));
padding-top:14px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head{
padding:15px 18px;
margin-bottom:10px;
gap:14px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head h1{
margin-bottom:6px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-kicker{
margin-bottom:4px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-lede{
max-width:650px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-head-actions{
gap:8px;
margin-top:0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-currency-switch{
padding:3px;
border-radius:12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-currency-switch button{
min-height:30px;
min-width:50px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-exit-slot{
margin-top:10px;
max-width:330px;
}
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-exit-bar.pt-exit-inline .r4x-tool-exit-bar__button{
min-height:38px;
padding:8px 13px;
border-radius:12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-strip{
gap:8px;
margin-bottom:10px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-card{
min-height:76px;
padding:10px 12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-icon{
width:24px;
height:24px;
margin-bottom:6px;
border-radius:10px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-label{
margin-bottom:3px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-sub{
margin-top:4px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card{
padding:13px 14px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card-head{
margin-bottom:10px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-manage-text{
margin-top:6px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-chart-layout{
gap:18px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-donut-wrap,
body[data-nav-tool="Portfolio Tracker"] .pt-donut{
width:196px;
height:196px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-donut-wrap:after{
inset:58px;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-page{
width:min(100% - 20px,560px);
padding-top:10px;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head{
padding:14px 16px;
margin-bottom:8px;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head h1{
margin-bottom:5px;
}
}
@media (max-width:760px){
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-exit-slot{
margin-top:10px;
max-width:none;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-exit-bar.pt-exit-inline .r4x-tool-exit-bar__button{
min-height:38px;
width:100%;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-head-actions{
display:grid;
grid-template-columns:1fr;
gap:8px;
margin-top:10px;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-currency-switch{
width:100%;
padding:3px;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-currency-switch button{
min-height:30px;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-head-actions .pt-btn{
width:100%;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-tabs{
margin-bottom:8px;
padding:4px;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-tabs button{
min-height:34px;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-summary-strip{
gap:8px;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-summary-card{
min-height:68px;
padding:9px 10px;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-summary-icon{
width:22px;
height:22px;
margin-bottom:5px;
}
}
@media (max-width:760px){
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-card{
padding:12px;
}
}
/* ═══════════════════════════════════════════════════════
R4X Portfolio Tracker – Final Premium Style
═══════════════════════════════════════════════════════ */
/* ── FONT SMOOTHING ─────────────────────────────────── */
html body #portfolio-tracker-root,
html body .pt-page,
html body .pt-card,
html body #tracking-table,
html body .pt-section-head,
html body .pt-wl-row,
html body .pt-modal-card {
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
text-rendering: optimizeLegibility !important;
}
/* Nur Standard Font-Weights verwenden (kein 840, 860) */
/* ── CARD SYSTEM ─────────────────────────────────────── */
html body .pt-card { margin-bottom: 10px !important; }
html body .pt-card:has(.pt-section-head) { padding: 0 !important; overflow: hidden !important; }
/* Collapsed: kompakt, dunkel */
/* Expanded: Trennlinie, Inhalt sichtbar */
/* Collapsed: Content ausblenden */
html body .is-section-collapsed .pt-table-wrap,
html body .is-section-collapsed .pt-source,
html body .is-section-collapsed .pt-limit-box,
html body .is-section-collapsed .pt-watchlist-block-inner,
html body .is-section-collapsed .pt-chart,
html body .is-section-collapsed .pt-facts,
html body .is-section-collapsed #narrative-section,
html body .is-section-collapsed #snapshot-section { display: none !important; }
/* ── SECTION HEAD ────────────────────────────────────── */
html body .pt-section-head {
display: flex !important; align-items: center !important;
gap: 12px !important; padding: 14px 18px !important;
cursor: pointer !important; user-select: none !important; transition: background 0.15s !important;
}
html body .pt-section-head-left { flex: 1 !important; min-width: 0 !important; }
html body .pt-section-head-right {
display: flex !important; align-items: center !important;
gap: 6px !important; flex-shrink: 0 !important;
}
html body .pt-section-title {
margin: 0 !important; color: #edf1f8 !important;
}
html body .pt-kicker {
color: #c9a84c !important; margin: 0 0 3px !important; display: block !important;
}
/* ── CHEVRON: sauber zentriert ─────────────────────── */
html body .pt-section-head > .pt-collapse-chevron {
flex-shrink: 0 !important;
width: 30px !important; height: 30px !important;
display: flex !important; align-items: center !important; justify-content: center !important;
pointer-events: none !important;
transition: all 0.16s !important;
font-size: 13px !important;
line-height: 1 !important;
}
/* ── MOBILE TABS: 2 Spalten ─────────────────────────── */
html body .pt-mobile-tabs {
grid-template-columns: repeat(2, 1fr) !important;
}
/* ── WATCHLIST MODAL: Viewport-zentriert ─────────────── */
html body .pt-modal { align-items: center !important; justify-content: center !important; padding: 20px !important; }
html body .pt-modal-card {
margin: 0 auto !important;
max-height: 85vh !important; overflow-y: auto !important;
width: 100% !important; max-width: 520px !important;
}
/* ── DESKTOP TRACKING TABLE ─────────────────────────── */
html body .pt-card--movement { padding: 0 !important; }
html body .pt-card--movement .pt-table-wrap { padding: 0 !important; }
html body .pt-card--movement .pt-source {
padding: 8px 20px 14px !important;
}
html body .pt-card--movement .pt-limit-box { padding: 12px 20px 0 !important; }
html body #tracking-table .pt-movement-head,
html body #tracking-table .pt-movement-row {
display: grid !important;
grid-template-columns:
minmax(168px,1.42fr) minmax(88px,.67fr) minmax(100px,.74fr)
minmax(82px,.61fr) minmax(120px,.9fr)
minmax(63px,.47fr) minmax(63px,.47fr) minmax(63px,.47fr)
minmax(52px,.39fr) 116px !important;
gap: 8px !important; align-items: center !important;
}
html body #tracking-table .pt-movement-head {
padding: 5px 20px 7px !important; color: #627080 !important;
border-bottom: 1px solid rgba(255,255,255,0.065) !important;
}
html body #tracking-table .pt-movement-row {
min-height: 56px !important; padding: 10px 20px !important;
border-radius: 0 !important; border: none !important;
border-bottom: 1px solid rgba(255,255,255,0.042) !important;
background: transparent !important;
transition: background 0.12s !important;
}
html body #tracking-table .pt-movement-row:last-child { border-bottom: none !important; }
html body #tracking-table .pt-movement-row:hover { background: rgba(255,255,255,0.016) !important; }
/* Aktionen Desktop: kompakte Icon-Reihe (✎ / 🧮 / ×) – Steuer wird auf Desktop Icon-only */
html body #tracking-table .pt-tracking-actions {
display: flex !important; gap: 3px !important;
justify-content: flex-end !important; align-items: center !important;
flex-direction: row !important;
}
/* ── Feature 4: Steuer Check Prefill je Position (v1857) ─────────── */
html body .pt-steuer-btn {
display: inline-flex !important; align-items: center !important; justify-content: center !important;
gap: 4px !important; white-space: nowrap !important; cursor: pointer !important;
padding: 6px 9px !important; border-radius: 6px !important;
background: rgba(212,175,55,0.12) !important; border: 1px solid rgba(212,175,55,0.4) !important;
color: #d4af37 !important; transition: background 0.12s, border-color 0.12s !important;
}
html body .pt-steuer-btn:hover { background: rgba(212,175,55,0.22) !important; border-color: rgba(212,175,55,0.6) !important; }
html body .pt-steuer-btn[aria-expanded="true"] { background: rgba(212,175,55,0.24) !important; border-color: rgba(212,175,55,0.7) !important; }
html body .pt-steuer-btn__icon { font-size: 0.8rem !important; }
html body .pt-steuer-prefill { padding: 0 20px 16px !important; }
html body .pt-steuer-prefill__inner {
background: rgba(255,255,255,0.022) !important;
border: 1px solid rgba(212,175,55,0.4) !important;
border-radius: 12px !important; padding: 16px 18px !important;
}
html body .pt-steuer-prefill__head {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 12px !important;
margin: 0 0 11px !important;
}
html body .pt-steuer-prefill__title { color: #d4af37 !important; margin: 0 !important;
min-width: 0 !important;
}
html body .pt-steuer-prefill__close {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
border: 1px solid rgba(255,255,255,0.16) !important;
background: rgba(255,255,255,0.045) !important;
color: #dfe7f2 !important;
font-size: 1rem !important;
line-height: 1 !important;
cursor: pointer !important;
box-shadow: 0 8px 20px rgba(0,0,0,0.18) !important;
}
html body .pt-steuer-prefill__close:hover,
html body .pt-steuer-prefill__close:focus-visible {
border-color: rgba(212,175,55,0.55) !important;
background: rgba(212,175,55,0.12) !important;
color: #f5d86a !important;
outline: none !important;
}
html body .pt-steuer-prefill__grid {
display: grid !important; grid-template-columns: 1fr 1fr 1fr !important;
gap: 8px !important; margin-bottom: 12px !important;
}
html body .pt-steuer-prefill__grid--editable { grid-template-columns: 1fr 1fr 1fr 1fr !important; }
html body .pt-steuer-prefill__field {
background: rgba(255,255,255,0.022) !important; border: 1px solid rgba(255,255,255,0.07) !important;
border-radius: 7px !important; padding: 8px 12px !important; min-width: 0 !important;
}
html body .pt-steuer-prefill__field span {
display: block !important;
color: rgba(150,165,185,0.75) !important; margin-bottom: 3px !important;
}
html body .pt-steuer-prefill__field strong { color: #edf1f8 !important;
white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important;
}
html body .pt-steuer-prefill__field--input {
display: block !important;
position: relative !important;
border-color: rgba(212,175,55,0.32) !important;
background: linear-gradient(180deg, rgba(212,175,55,0.075), rgba(255,255,255,0.025)) !important;
box-shadow: inset 0 0 0 1px rgba(212,175,55,0.08) !important;
cursor: text !important;
}
html body .pt-steuer-prefill__field--input::after {
content: "bearbeitbar" !important;
position: absolute !important;
right: 10px !important;
top: 8px !important;
color: rgba(212,175,55,0.72) !important;
pointer-events: none !important;
}
html body .pt-steuer-prefill__field--input:focus-within {
border-color: rgba(212,175,55,0.78) !important;
background: linear-gradient(180deg, rgba(212,175,55,0.13), rgba(255,255,255,0.035)) !important;
box-shadow: 0 0 0 2px rgba(212,175,55,0.12), inset 0 0 0 1px rgba(212,175,55,0.18) !important;
}
html body .pt-steuer-prefill__field--input input {
width: 100% !important;
box-sizing: border-box !important;
appearance: none !important;
border: 1px solid rgba(255,255,255,0.14) !important;
outline: none !important;
background: rgba(3,8,14,0.42) !important;
border-radius: 7px !important;
color: #edf1f8 !important;
padding: 7px 9px !important;
margin-top: 4px !important;
transition: border-color .12s ease, background .12s ease, box-shadow .12s ease !important;
}
html body .pt-steuer-prefill__field--input input:hover {
border-color: rgba(212,175,55,0.42) !important;
}
html body .pt-steuer-prefill__field--input input:focus {
border-color: rgba(212,175,55,0.78) !important;
background: rgba(3,8,14,0.62) !important;
box-shadow: 0 0 0 2px rgba(212,175,55,0.1) !important;
}
html body .pt-steuer-prefill__field--input input::placeholder { color: rgba(150,165,185,0.5) !important; }
html body .pt-steuer-prefill__field--input small {
display: block !important;
margin-top: 4px !important;
color: rgba(150,165,185,0.62) !important;
}
html body .pt-steuer-prefill__error {
color: #ff7b7b !important;
margin: -2px 0 10px !important;
}
html body .pt-steuer-prefill__cta.is-disabled {
opacity: 0.55 !important;
cursor: not-allowed !important;
filter: grayscale(0.3) !important;
}
@media (max-width: 900px) {
html body .pt-steuer-prefill__grid--editable { grid-template-columns: 1fr 1fr !important; }
}
html body .pt-steuer-prefill__note { color: rgba(150,165,185,0.7) !important; margin: 0 0 11px !important;
}
html body .pt-steuer-prefill__cta {
display: flex !important; align-items: center !important; justify-content: center !important;
width: 100% !important; padding: 11px !important; border-radius: 8px !important;
background: linear-gradient(135deg, #c9a84c, #f0d060) !important;
color: #1a1200 !important;
text-decoration: none !important; border: none !important; cursor: pointer !important; transition: filter 0.12s !important;
}
html body .pt-steuer-prefill__cta:hover { filter: brightness(1.06) !important; }
/* Feature 4: Länderauswahl AT/DE/CH im Prefill-Panel */
html body .pt-steuer-prefill__lands {
display: flex !important; align-items: center !important; flex-wrap: wrap !important;
gap: 6px !important; margin: 0 0 12px !important;
}
html body .pt-steuer-prefill__lands-label { color: #8d9bad !important; margin-right: 3px !important;
}
html body .pt-steuer-land-chip {
cursor: pointer !important;
padding: 5px 12px !important; border-radius: 999px !important;
background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.13) !important;
color: #c5cfdd !important; transition: background 0.12s, border-color 0.12s, color 0.12s !important;
}
html body .pt-steuer-land-chip:hover { border-color: rgba(212,175,55,0.45) !important; color: #e7edf5 !important; }
html body .pt-steuer-land-chip.is-active {
background: rgba(212,175,55,0.16) !important; border-color: rgba(212,175,55,0.6) !important; color: #d4af37 !important;
}
/* Mobile-Varianten */
html body .pt-mobile-position-card .pt-steuer-btn--mobile { padding: 5px 8px !important; }
html body .pt-mobile-position-card .pt-steuer-btn--mobile .pt-steuer-btn__label { display: none !important; }
html body .pt-steuer-prefill--mobile { padding: 0 0 12px !important; }
@media (max-width: 600px) {
html body .pt-steuer-prefill__grid { grid-template-columns: 1fr !important; }
}
/* Dein Ergebnis: goldenes Pill für Break-Even */
html body #tracking-table .pt-result-cell .pt-breakeven {
display: inline-block !important; margin-top: 2px !important;
padding: 1px 5px !important; border-radius: 4px !important;
background: rgba(212,175,55,0.09) !important;
color: rgba(212,175,55,0.82) !important;
white-space: nowrap !important;
}
/* ── STERN: sichtbar, klickbar ──────────────────────── */
html body .pt-asset-name-row { display: flex !important; align-items: center !important; gap: 5px !important; }
html body .pt-inline-star {
display: inline-flex !important; align-items: center !important; justify-content: center !important;
min-width: 18px !important; height: 16px !important;
background: rgba(212,175,55,0.07) !important;
border: 1px solid rgba(212,175,55,0.25) !important;
border-radius: 4px !important; cursor: pointer !important;
font-size: 10px !important; color: rgba(212,175,55,0.5) !important;
padding: 0 3px !important; line-height: 1 !important;
flex-shrink: 0 !important; transition: all 0.12s !important;
}
html body .pt-inline-star:hover {
background: rgba(212,175,55,0.16) !important;
border-color: rgba(212,175,55,0.55) !important;
color: #d4af37 !important;
}
html body .pt-inline-star.is-watched {
background: rgba(212,175,55,0.15) !important;
border-color: rgba(212,175,55,0.52) !important;
color: #d4af37 !important;
}
/* ── BUTTONS ─────────────────────────────────────────── */
html body .pt-mini-btn { min-width: 27px !important; min-height: 27px !important; }
html body #tracking-table .pt-tracking-actions .pt-mini-btn .pt-btn-label { display: none !important; }
html body #tracking-table .pt-tracking-actions .pt-mini-btn .pt-btn-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; }
html body .pt-card--distribution .pt-plus-section { margin-top: 14px !important; }
html body .pt-chip-cash { background: rgba(255,255,255,0.035) !important; border-color: rgba(255,255,255,0.12) !important; color: #e9eef7 !important; }
html body .pt-chip-grid button.is-active,
html body .pt-chip-cash.is-active { background: rgba(212,175,55,0.14) !important; border-color: rgba(212,175,55,0.48) !important; color: #f2cf64 !important; box-shadow: inset 0 0 0 1px rgba(212,175,55,0.08) !important; }
/* ── BEWERTUNGSMODUS ─────────────────────────────────── */
html body .pt-field.pt-field-disabled { opacity: 0.35 !important; pointer-events: none !important; }
html body .pt-field.pt-field-disabled input { background: rgba(255,255,255,0.018) !important; color: rgba(180,195,215,0.35) !important; border-color: rgba(255,255,255,0.05) !important; }
/* ── WATCHLIST DESKTOP ──────────────────────────────── */
html body .pt-watchlist-block { padding: 0 !important; }
html body .pt-watchlist-head { display: none !important; }
html body .pt-watchlist-block-inner { padding: 4px 18px 16px !important; }
html body .pt-wl-list { display: flex !important; flex-direction: column !important; gap: 4px !important; }
html body .pt-wl-row {
display: grid !important;
grid-template-columns: minmax(150px,1.25fr) 120px minmax(160px,.9fr) minmax(120px,.88fr) 118px !important;
gap: 8px 12px !important; align-items: center !important;
padding: 10px 14px !important; border-radius: 10px !important;
background: rgba(255,255,255,0.014) !important;
border: 1px solid rgba(255,255,255,0.058) !important;
transition: all 0.13s !important;
}
html body .pt-wl-row:hover { background: rgba(255,255,255,0.024) !important; border-color: rgba(255,255,255,0.088) !important; }
html body .pt-wl-asset { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px !important; min-width: 0 !important; }
html body .pt-wl-asset .pt-logo { width: 30px !important; height: 30px !important; flex-shrink: 0 !important; }
html body .pt-wl-price { display: flex !important; flex-direction: column !important; gap: 1px !important; }
html body .pt-wl-targets { display: flex !important; flex-direction: column !important; gap: 3px !important; }
html body .pt-wl-target--high { color: #5ed182 !important; }
html body .pt-wl-target--low { color: #d4af37 !important; }
html body .pt-wl-note-col { color: rgba(175,195,218,0.52) !important; overflow: hidden !important; }
html body .pt-wl-note { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body .pt-wl-actions { display: flex !important; gap: 4px !important; justify-content: flex-end !important; align-items: center !important; }
html body .pt-wl-star { font-size: 12px !important; min-width: 26px !important; min-height: 26px !important; border-radius: 6px !important; border: 1px solid rgba(212,175,55,0.22) !important; background: rgba(212,175,55,0.055) !important; color: rgba(212,175,55,0.42) !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: all 0.12s !important; }
html body .pt-wl-star:hover, html body .pt-wl-star.is-watched { color: #d4af37 !important; border-color: rgba(212,175,55,0.52) !important; background: rgba(212,175,55,0.12) !important; }
html body .pt-wl-edit-btn { color: #8fa0b4 !important; transition: color 0.12s !important; }
html body .pt-wl-edit-btn:hover { color: #d4af37 !important; }
html body .pt-wl-remove-btn { border-color: rgba(255,72,72,0.42) !important; color: #ff6e6e !important; background: rgba(255,52,52,0.08) !important; }
html body .pt-wl-remove-btn:hover { background: rgba(255,52,52,0.18) !important; }
html body .pt-wl-row.wl-alert--high { border-color: rgba(74,180,100,0.42) !important; background: rgba(74,180,100,0.05) !important; }
html body .pt-wl-row.wl-alert--low { border-color: rgba(212,175,55,0.42) !important; background: rgba(212,175,55,0.06) !important; }
html body .pt-wl-hit-detail {
display:grid !important;
gap:2px !important;
margin-top:4px !important;
padding:6px 7px !important;
border-radius:7px !important;
}
html body .pt-wl-hit-detail small {
color:rgba(235,241,249,.78) !important;
}
html body .pt-wl-hit-detail--high {
border:1px solid rgba(74,180,100,.3) !important;
background:rgba(74,180,100,.09) !important;
color:#77df94 !important;
}
html body .pt-wl-hit-detail--low {
border:1px solid rgba(212,175,55,.32) !important;
background:rgba(212,175,55,.09) !important;
color:#f0ce68 !important;
}
html body .pt-wl-row.is-r4x-hit-focus {
border-color:rgba(242,207,100,.78) !important;
box-shadow:0 0 0 2px rgba(212,175,55,.18), 0 12px 30px rgba(0,0,0,.28) !important;
}
/* ── WATCHLIST FEEDBACK ─────────────────────────────── */
html body .pt-wl-feedback { padding: 7px 11px !important; border-radius: 7px !important; background: rgba(212,175,55,0.065) !important; border: 1px solid rgba(212,175,55,0.22) !important; color: #e8c878 !important; margin-bottom: 9px !important; }
html body .pt-result-btn--owned { background: rgba(212,175,55,0.04) !important; border-color: rgba(212,175,55,0.17) !important; }
html body .pt-wl-pick-hint { display: block !important; color: rgba(180,200,225,0.45) !important; margin-top: 2px !important; }
html body .pt-wl-pick-hint.is-watched { color: #88b558 !important; }
/* ── MODAL ───────────────────────────────────────────── */
html body .pt-cash-hint { color: #9ec060 !important; padding: 7px 11px !important; background: rgba(110,170,55,0.07) !important; border: 1px solid rgba(110,170,55,0.19) !important; border-radius: 7px !important; margin-bottom: 9px !important; }
html body .pt-dca-hint { padding: 7px 11px !important; border-radius: 7px !important; background: rgba(212,175,55,0.065) !important; border: 1px solid rgba(212,175,55,0.22) !important; margin-bottom: 8px !important; }
html body .pt-modal-actions--3 { display: flex !important; flex-wrap: wrap !important; gap: 9px !important; }
html body .pt-modal-actions--3 #save-position { flex: 1 1 100% !important; }
html body .pt-modal-actions--3 #cancel-position-btn { flex: 1 1 auto !important; }
/* ═══════════════════════════════════════════════════════
v1401: Steuerland, Haltedauer, Regelnotiz
═══════════════════════════════════════════════════════ */
/* Optional-Badge im Step-Label */
html body .pt-step-optional {
display: inline-block !important;
padding: 2px 7px !important; margin-left: 6px !important;
background: rgba(255,255,255,0.05) !important;
color: rgba(220,232,250,0.6) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 4px !important;
}
/* Intro-Text im Transaktionen-Step */
html body .pt-journal-intro {
color: rgba(195,210,230,0.7) !important;
margin: 0 0 12px !important;
}
/* Thesis-Feld Container */
html body .pt-field--thesis { position: relative !important; }
html body .pt-field--thesis textarea {
resize: vertical !important;
min-height: 56px !important;
}
html body .pt-thesis-counter {
display: block !important;
text-align: right !important;
color: rgba(180,195,215,0.5) !important;
margin-top: 3px !important;
transition: color 0.15s !important;
}
html body .pt-thesis-counter.is-near-limit { color: #d4af37 !important; }
/* Actions-Step abgesetzt */
html body .pt-form-step--actions {
border-top: 1px solid rgba(255,255,255,0.06) !important;
padding-top: 12px !important; margin-top: 4px !important;
}
/* Pills-Container neben dem Asset-Namen */
html body .pt-asset-cell__copy {
display: flex !important; flex-direction: column !important; gap: 2px !important;
min-width: 0 !important;
}
html body .pt-asset-pills {
display: flex !important; flex-wrap: wrap !important;
gap: 4px !important; margin-top: 4px !important; align-items: center !important;
}
/* Tax-Pill: drei Zustände */
html body .pt-tax-pill {
display: inline-flex !important; align-items: center !important; gap: 3px !important; white-space: nowrap !important;
padding: 2px 7px !important; border-radius: 4px !important;
border: 1px solid transparent !important;
cursor: default !important;
}
/* Steuerfrei: subtiles grün */
html body .pt-tax-pill--free {
background: rgba(74,180,100,0.1) !important;
border-color: rgba(74,180,100,0.32) !important;
color: #7dd29c !important;
}
/* Pending: gold */
html body .pt-tax-pill--pending {
background: rgba(212,175,55,0.09) !important;
border-color: rgba(212,175,55,0.35) !important;
color: rgba(212,175,55,0.92) !important;
position: relative !important;
overflow: hidden !important;
}
html body .pt-tax-pill--pending::before {
content: '' !important;
position: absolute !important; left: 0 !important; bottom: 0 !important;
height: 2px !important; width: var(--pt-tax-ratio, 0%) !important;
background: rgba(212,175,55,0.6) !important;
transition: width 0.4s ease !important;
}
/* Prompt: dezent, klickbar, Aufruf zur Datumserfassung */
html body .pt-tax-pill--prompt {
background: rgba(255,255,255,0.025) !important;
border-color: rgba(255,255,255,0.14) !important;
border-style: dashed !important;
color: rgba(195,210,230,0.6) !important;
cursor: pointer !important;
transition: all 0.13s !important;
}
html body .pt-tax-pill--prompt:hover {
background: rgba(212,175,55,0.07) !important;
border-color: rgba(212,175,55,0.45) !important;
color: #d4af37 !important;
}
/* Thesis-Pill: zeigt dass Begründung hinterlegt ist */
html body .pt-thesis-pill {
display: inline-flex !important; align-items: center !important; gap: 4px !important; white-space: nowrap !important;
padding: 2px 7px 2px 6px !important; border-radius: 4px !important;
background: rgba(180,150,240,0.07) !important;
border: 1px solid rgba(180,150,240,0.28) !important;
color: #b6a3e5 !important;
cursor: pointer !important;
transition: all 0.13s !important;
}
html body .pt-thesis-pill:hover,
html body .pt-thesis-pill.is-open {
background: rgba(180,150,240,0.14) !important;
border-color: rgba(180,150,240,0.5) !important;
color: #c9b8ff !important;
}
html body .pt-thesis-pill__icon { font-size: 0.7rem !important; }
/* Thesis-Block: ausgeklappte Begründung in Desktop-Reihe */
html body .pt-thesis-block {
grid-column: 1 / -1 !important;
margin-top: 8px !important;
padding: 10px 13px !important;
background: rgba(180,150,240,0.04) !important;
border-left: 2px solid rgba(180,150,240,0.42) !important;
border-radius: 0 6px 6px 0 !important;
}
html body .pt-thesis-block .pt-kicker {
color: #b6a3e5 !important;
margin: 0 0 3px !important;
}
html body .pt-thesis-text {
margin: 0 !important;
color: rgba(225,232,245,0.88) !important;
}
/* Mobile: Thesis in Detail-Section eigener Block */
html body .pt-mobile-position-card__thesis {
padding: 9px 11px !important;
background: rgba(180,150,240,0.05) !important;
border-left: 2px solid rgba(180,150,240,0.42) !important;
border-radius: 0 6px 6px 0 !important;
margin-bottom: 8px !important;
}
html body .pt-mobile-position-card__thesis .pt-kicker {
color: #b6a3e5 !important;
display: block !important;
margin-bottom: 3px !important;
}
/* ══════════════════════════════════════════════════════
MOBILE ≤ 760px
══════════════════════════════════════════════════════ */
@media (max-width: 760px) {
/* Tabs: 2 Spalten */
html body .pt-mobile-tabs { grid-template-columns: repeat(2, 1fr) !important; }
/* Section Head: zweizeilig */
html body .pt-section-head {
flex-wrap: wrap !important; padding: 12px 14px !important; gap: 7px !important;
}
html body .pt-section-head .pt-section-head-left { flex: 0 0 100% !important; order: 1 !important; }
html body .pt-section-head .pt-section-head-right { flex: 1 1 auto !important; order: 2 !important; gap: 5px !important; }
html body .pt-section-head > .pt-collapse-chevron { order: 3 !important; flex-shrink: 0 !important; }
html body .pt-section-head .pt-section-head-right .pt-btn { white-space: nowrap !important;
}
/* Tracking Table: kein Header */
html body #tracking-table .pt-movement-head { display: none !important; }
/* === MOBILE TRACKING ROW === */
/* Grid: asset(1fr) + actions(auto) oben, alle cells darunter */
html body #tracking-table .pt-movement-row {
display: grid !important;
grid-template-columns: 1fr auto !important;
grid-template-rows: auto !important;
gap: 0 8px !important;
padding: 12px 12px 10px !important;
border-radius: 12px !important;
border: 1px solid rgba(255,255,255,0.07) !important;
background: rgba(255,255,255,0.016) !important;
margin-bottom: 6px !important;
min-height: unset !important;
position: static !important; /* kein absolute mehr */
}
html body #tracking-table .pt-movement-row:last-child { margin-bottom: 0 !important; }
/* Asset: Spalte 1, Zeile 1 */
html body #tracking-table .pt-movement-row .pt-asset-cell {
grid-column: 1 !important; grid-row: 1 !important;
display: flex !important; align-items: center !important; gap: 9px !important;
padding: 0 0 9px 0 !important;
background: none !important; border: none !important;
position: static !important;
}
/* Aktionen: Spalte 2, Zeile 1 – sauber nebeneinander */
html body #tracking-table .pt-movement-row .pt-tracking-actions {
grid-column: 1 / -1 !important; grid-row: auto !important;
align-self: start !important;
display: flex !important; flex-direction: row !important; justify-content: flex-end !important; gap: 6px !important;
background: none !important; border: none !important; padding: 8px 0 2px !important;
position: static !important; top: auto !important; right: auto !important;
}
html body #tracking-table .pt-movement-row .pt-tracking-actions .pt-mini-btn {
min-width: auto !important; min-height: 30px !important; padding: 0 10px !important;
display: inline-flex !important; align-items: center !important; gap: 6px !important;
}
html body #tracking-table .pt-movement-row .pt-tracking-actions .pt-mini-btn .pt-btn-label { display: inline !important; }
html body #tracking-table .pt-movement-row .pt-tracking-actions .pt-mini-btn .pt-btn-icon { font-size: 0.9rem !important; }
/* Alle anderen Cells: volle Breite, Label + Wert */
html body #tracking-table .pt-movement-row .pt-cell,
html body #tracking-table .pt-movement-row .pt-mobile-main {
grid-column: 1 / -1 !important;
grid-row: auto !important;
display: flex !important; flex-direction: row !important;
justify-content: space-between !important; align-items: baseline !important;
border-top: 1px solid rgba(255,255,255,0.048) !important;
padding: 5px 0 !important; background: none !important; border-radius: 0 !important;
gap: 8px !important; width: 100% !important; box-sizing: border-box !important;
}
html body #tracking-table .pt-movement-row .pt-cell .pt-cell-label,
html body #tracking-table .pt-movement-row .pt-mobile-main .pt-cell-label {
display: block !important; color: #637284 !important; flex-shrink: 0 !important; white-space: nowrap !important;
}
html body #tracking-table .pt-movement-row .pt-cell .pt-cell-value,
html body #tracking-table .pt-movement-row .pt-cell .pt-cell-value--stack,
html body #tracking-table .pt-movement-row .pt-mobile-main .pt-cell-value,
html body #tracking-table .pt-movement-row .pt-mobile-main .pt-cell-value--large {
text-align: right !important;
}
/* Break-Even auf Mobile */
html body #tracking-table .pt-movement-row .pt-result-cell .pt-breakeven {
display: inline-block !important; text-align: right !important;
width: 100% !important;
padding: 1px 4px !important; border-radius: 3px !important;
background: rgba(212,175,55,0.08) !important; color: rgba(212,175,55,0.82) !important; margin-top: 2px !important;
}
/* Watchlist Mobile */
html body .pt-wl-row { grid-template-columns: 1fr auto !important; padding: 10px !important; }
html body .pt-wl-asset { grid-column: 1 !important; grid-row: 1 !important; }
html body .pt-wl-actions { grid-column: 1 / -1 !important; grid-row: auto !important; flex-direction: row !important; justify-content: flex-end !important; gap: 6px !important; align-self: start !important; padding-top: 8px !important; }
html body .pt-wl-price { grid-column: 1 / -1 !important; grid-row: 2 !important; flex-direction: row !important; gap: 8px !important; border-top: 1px solid rgba(255,255,255,0.052) !important; padding-top: 6px !important; }
html body .pt-wl-targets, html body .pt-wl-note-col { grid-column: 1 / -1 !important; border-top: 1px solid rgba(255,255,255,0.038) !important; padding-top: 4px !important; }
html body .pt-wl-hit-detail { margin-top:6px !important; padding:7px 8px !important; }
/* Breathing room */
html body .pt-card--movement .pt-table-wrap { padding: 0 10px 4px !important; }
html body .pt-card--movement .pt-source { padding: 5px 12px 11px !important; }
html body .pt-card--movement .pt-limit-box { padding: 8px 12px 0 !important; }
html body .pt-watchlist-block-inner { padding: 4px 12px 12px !important; }
}
/* v1098 Portfolio Tracker repair: tabs, desktop table, contrast, modals */
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist:not(.is-section-collapsed) .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement:not(.is-section-collapsed) .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution:not(.is-section-collapsed) .pt-section-head{
border-bottom-color: rgba(212,175,55,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-chart{
margin: 16px 20px 16px !important;
padding: 4px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-facts,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-plus-section{
margin-left: 20px !important;
margin-right: 20px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-inline-star{
min-width: 24px !important;
height: 22px !important;
font-size: 14px !important;
border-radius: 7px !important;
padding: 0 5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-wl-star,
body[data-nav-tool="Portfolio Tracker"] .pt-wl-remove-btn{
min-width: 32px !important;
width: 32px !important;
min-height: 32px !important;
height: 32px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-wl-edit-btn{
width:auto !important;
min-width: 68px !important;
min-height: 32px !important;
height: 32px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:6px !important;
padding:0 9px !important;
border-radius:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-wl-actions{align-items:center !important;gap:6px !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-result-pct-row{
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
gap:6px !important;
flex-wrap:wrap !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-result-pct-row .pt-breakeven{margin-top:0 !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-modal{
z-index: 10050 !important;
align-items: center !important;
justify-content: center !important;
padding: 20px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal-card{
max-height: calc(100dvh - 40px) !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-icon-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-plus-block--premium > summary{
padding: 16px 18px 14px !important;
align-items: center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-plus-block--premium > summary > div{
flex: 1 1 auto !important;
min-width: 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-plus-block--premium > summary i{
width: 32px !important;
height: 32px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-plus-block--premium .pt-plus-accordion-body{
padding: 14px 18px 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-plus-subline{
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px 10px !important;
margin-top: 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-plus-subline p{
margin: 0 !important;
color: #c0ccda !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-plus-subline .pt-plus-panel-badge{
padding: 6px 10px !important;
border-color: rgba(240,207,115,0.24) !important;
background: rgba(240,207,115,0.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta{
display: grid !important;
gap: 14px !important;
margin-bottom: 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta .pt-cap-summary{
margin: 0 !important;
padding: 13px 14px !important;
border-radius: 14px !important;
border: 1px solid rgba(240,207,115,0.18) !important;
background: linear-gradient(180deg, rgba(212,175,55,0.10), rgba(255,255,255,0.02)) !important;
color: #eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta .pt-cap-legend{
display: grid !important;
grid-template-columns: repeat(2, minmax(0,1fr)) !important;
gap: 10px !important;
margin: 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta .pt-cap-legend span{
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 4px !important;
padding: 10px 12px !important;
border-radius: 14px !important;
border: 1px solid rgba(255,255,255,0.07) !important;
background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.015)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta .pt-cap-legend strong{
color: #f2cf64 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta .pt-cap-legend small{
color: #d5deea !important;
}
/* v1101 Portfolio Tracker count badges, non-gold expand contrast, mobile modal fix */
body[data-nav-tool="Portfolio Tracker"] .pt-section-title{
display:flex !important;
align-items:center !important;
gap:10px !important;
flex-wrap:wrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-count-badge{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:22px !important;
padding:3px 9px !important;
border-radius:999px !important;
border:1px solid rgba(148,163,184,0.24) !important;
background:rgba(148,163,184,0.10) !important;
color:#d7e1ee !important;
vertical-align:middle !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist:not(.is-section-collapsed) .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement:not(.is-section-collapsed) .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution:not(.is-section-collapsed) .pt-section-head{
border-bottom-color: rgba(148,163,184,.18) !important;
}
@media (min-width:761px){
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement .pt-table-wrap{
padding: 8px 20px 6px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-movement-head,
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-movement-row{
min-width: 1080px !important;
display:grid !important;
grid-template-columns: minmax(168px,1.42fr) minmax(92px,.67fr) minmax(104px,.74fr) minmax(92px,.63fr) minmax(128px,.92fr) minmax(66px,.47fr) minmax(66px,.47fr) minmax(66px,.47fr) minmax(54px,.39fr) 116px !important;
gap:8px !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-movement-head{
padding: 6px 0 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-movement-row{
padding: 11px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell-label{display:none !important;}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell,
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-mobile-main{
display:block !important;
min-width:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
text-align:right !important;
grid-column:auto !important;
grid-row:auto !important;
align-self:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-asset-cell{
display:flex !important;
align-items:center !important;
gap:10px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-asset-cell > div{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell-value,
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-result-cell{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-result-cell,
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell-value--stack{
display:flex !important;
flex-direction:column !important;
align-items:flex-end !important;
justify-content:flex-start !important;
gap:3px !important;
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell-value:not(.pt-cell-value--stack){
display:block !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-tracking-actions{
display:flex !important;
flex-direction:row !important;
justify-content:flex-end !important;
align-items:center !important;
gap:4px !important;
}
/* Feature 4: alle drei Aktions-Buttons (✎ / 🧮 / ×) auf Desktop gleich groß als kompakte Icons – verhindert Überlauf in die ANTEIL-Spalte */
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-tracking-actions .pt-mini-btn,
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-tracking-actions .pt-steuer-btn{
box-sizing:border-box !important;
width:30px !important; min-width:30px !important; max-width:30px !important;
height:30px !important; min-height:30px !important;
padding:0 !important; gap:0 !important;
border-radius:9px !important;
flex:0 0 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-tracking-actions .pt-steuer-btn .pt-steuer-btn__label{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-tracking-actions .pt-steuer-btn .pt-steuer-btn__icon{
font-size:0.86rem !important; line-height:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement .pt-source{
padding: 7px 20px 14px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review--archived-full .pt-review-archive-latest-badge--inline{
display:inline-flex!important;
margin:0 0 8px!important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review--archived-full .pt-ov-review-next{
margin-top:18px!important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta .pt-cap-legend{grid-template-columns:1fr !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-plus-block--premium > summary i{width:30px !important;height:30px !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-chart{margin:14px 14px 14px !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-facts,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-plus-section{margin-left:14px !important;margin-right:14px !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement .pt-table-wrap{padding: 0 12px 8px !important;}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-result-cell .pt-result-stack{
grid-column:2 !important;
align-items:flex-end !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-result-cell .pt-result-pct-row{
justify-content:flex-end !important;
max-width: 100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-result-cell .pt-breakeven{
width:auto !important;
display:inline-flex !important;
margin-left:4px !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal{
align-items:flex-start !important;
padding: calc(var(--r4x-shared-header-height,64px) + 10px) 10px max(10px,env(safe-area-inset-bottom)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal-card{
width:100% !important;
max-width:560px !important;
max-height: calc(100dvh - var(--r4x-shared-header-height,64px) - 22px) !important;
border-radius: 22px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-actions--3{
display:grid !important;
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-actions--3 #save-position,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-actions--3 #clear-form,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-actions--3 #cancel-position-btn{
width:100% !important;
flex:1 1 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal-head{
position: sticky !important;
top: 0 !important;
z-index: 4 !important;
margin: -2px -2px 12px !important;
padding: 2px 2px 10px !important;
background: linear-gradient(180deg,#101823 0%,rgba(16,24,35,.96) 78%,rgba(16,24,35,0) 100%) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal-head .pt-icon-btn{
min-width:40px !important;
width:40px !important;
min-height:40px !important;
height:40px !important;
font-size:1.45rem !important;
}
}
/* v1102 portfolio tracker: clearer expanded header/content separation, no gold */
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist:not(.is-section-collapsed) .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement:not(.is-section-collapsed) .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution:not(.is-section-collapsed) .pt-section-head{
position: relative !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist:not(.is-section-collapsed) .pt-section-head::after,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement:not(.is-section-collapsed) .pt-section-head::after,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution:not(.is-section-collapsed) .pt-section-head::after{
content: "" !important;
position: absolute !important;
left: 18px !important;
right: 18px !important;
bottom: -2px !important;
height: 1px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist:not(.is-section-collapsed) .pt-watchlist-block-inner,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement:not(.is-section-collapsed) .pt-table-wrap,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution:not(.is-section-collapsed) .pt-chart{
margin-top: 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-count-badge{
background: rgba(126,148,174,.14) !important;
border-color: rgba(126,148,174,.30) !important;
color: #edf3fa !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-subtitle{
margin: 2px 0 5px !important;
color: #edf3fa !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist:not(.is-section-collapsed) .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement:not(.is-section-collapsed) .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution:not(.is-section-collapsed) .pt-section-head{
border-bottom-width: 2px !important;
}
}
/* v1103 portfolio tracker: opened cards get a clear light header and dark body */
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist:not(.is-section-collapsed) .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement:not(.is-section-collapsed) .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution:not(.is-section-collapsed) .pt-section-head::before{
content:"Klick zum Einklappen" !important;
position:absolute !important;
right:58px !important;
bottom:10px !important;
pointer-events:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-plus-block--premium > summary i,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary i,
body[data-nav-tool="Portfolio Tracker"] .pt-section-head > .pt-collapse-chevron{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item[open] > summary i,
body[data-nav-tool="Portfolio Tracker"] .pt-plus-accordion[open] > summary i{
transform:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-wl-edit-btn .pt-btn-label{display:inline !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-wl-edit-btn .pt-btn-icon{display:inline-flex !important;align-items:center !important;}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist:not(.is-section-collapsed) .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement:not(.is-section-collapsed) .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution:not(.is-section-collapsed) .pt-section-head::before{display:none !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-wl-actions{justify-content:flex-end !important;}
}
/* v1105 portfolio tracker: align normal collapsible cards with the already-correct Plus structure cards */
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution{
overflow: hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist:not(.is-section-collapsed) .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement:not(.is-section-collapsed) .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution:not(.is-section-collapsed) .pt-section-head{
position: relative !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist:not(.is-section-collapsed) .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement:not(.is-section-collapsed) .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution:not(.is-section-collapsed) .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist:not(.is-section-collapsed) .pt-section-head::after,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement:not(.is-section-collapsed) .pt-section-head::after,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution:not(.is-section-collapsed) .pt-section-head::after{
content: none !important;
display: none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-section-head > .pt-collapse-chevron,
body[data-nav-tool="Portfolio Tracker"] .pt-plus-block--premium > summary i,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary i{
width: 30px !important;
height: 30px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
}
/* v1106 portfolio tracker polish */
body[data-nav-tool="Portfolio Tracker"] .pt-section-head > .pt-collapse-chevron,
body[data-nav-tool="Portfolio Tracker"] .pt-plus-accordion > summary i,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary i{
position: relative !important;
width: 32px !important;
height: 32px !important;
flex: 0 0 32px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 0 !important;
line-height: 0 !important;
text-indent: -9999px !important;
overflow: hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-section-head > .pt-collapse-chevron::before,
body[data-nav-tool="Portfolio Tracker"] .pt-plus-accordion > summary i::before,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary i::before{
content: "" !important;
width: 9px !important;
height: 9px !important;
transform: rotate(45deg) translate(-1px,-1px) !important;
transform-origin: center !important;
display: block !important;
transition: transform .18s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card:not(.is-section-collapsed) .pt-section-head > .pt-collapse-chevron::before,
body[data-nav-tool="Portfolio Tracker"] .pt-plus-accordion[open] > summary i::before,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item[open] > summary i::before{
transform: rotate(-135deg) translate(-1px,-1px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist:not(.is-section-collapsed) .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement:not(.is-section-collapsed) .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution:not(.is-section-collapsed) .pt-section-head{
padding: 16px 20px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-chart{
margin: 18px 18px 14px !important;
padding: 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-facts,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-plus-section{
margin: 0 18px 18px !important;
padding: 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-plus-section + .pt-plus-section{
margin-top: 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-facts{
gap: 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-fact{
min-height: 72px !important;
padding: 16px 16px 15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-plus-head{
margin-bottom: 16px !important;
gap: 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list{
gap: 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-last-snapshot,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-wrap{
margin-top: 0 !important;
padding: 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare{
gap: 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-compare-card{
padding: 14px 14px 13px !important;
border-radius: 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--data{
position: relative !important;
overflow: hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--data::before{
content: "" !important;
position: absolute !important;
inset: 16px auto 16px 16px !important;
width: 3px !important;
opacity: .95 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--data .pt-data-copy{
align-items: flex-start !important;
gap: 14px !important;
padding-left: 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--data .pt-data-icon{
width: 38px !important;
height: 38px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--data .pt-data-actions{
gap: 10px !important;
}
@media (max-width: 760px){
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-exit-bar{
margin: 0 0 10px !important;
padding: 10px 12px !important;
border-radius: 18px !important;
border-color: rgba(255,255,255,.08) !important;
background: linear-gradient(180deg, rgba(15,22,31,.96), rgba(10,15,22,.96)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
}
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-exit-bar__copy{
display: none !important;
}
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-exit-bar__button{
width: 100% !important;
min-height: 42px !important;
border-radius: 14px !important;
justify-content: center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head{
padding: 16px 16px 14px !important;
display: grid !important;
gap: 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-lede{
margin-bottom: 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-head-actions{
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 10px !important;
margin-top: 4px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-currency-switch{
grid-column: 1 / -1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #refresh-prices,
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link{
width: 100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-chart,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-facts,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-plus-section{
margin-left: 12px !important;
margin-right: 12px !important;
margin-bottom: 12px !important;
padding: 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-chart{
margin-top: 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--data{
padding: 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--data::before{
inset: 14px auto 14px 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--data .pt-data-copy{
padding-left: 10px !important;
}
}
/* v1107 portfolio tracker mobile header + data utility fix */
body[data-nav-tool="Portfolio Tracker"] .pt-card--data::before{
content: none !important;
display: none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--data .pt-data-copy{
padding-left: 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--data{
padding-left: 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--data .pt-data-icon{
flex: 0 0 auto !important;
}
@media (max-width: 760px){
body[data-nav-tool="Portfolio Tracker"] .pt-page{
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-exit-bar{
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin: 0 0 10px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-exit-bar__button{
width: 100% !important;
min-height: 44px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
box-sizing: border-box !important;
border-radius: 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head{
width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important;
padding: 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-title-row{
min-width: 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-title-row h1,
body[data-nav-tool="Portfolio Tracker"] .pt-lede{
min-width: 0 !important;
overflow-wrap: anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-head-actions{
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin-top: 4px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-currency-switch,
body[data-nav-tool="Portfolio Tracker"] #refresh-prices,
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link{
grid-column: 1 / -1 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
justify-content: center !important;
text-align: center !important;
white-space: normal !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link{
min-height: 52px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 1px !important;
border-color: rgba(240,207,115,.28) !important;
background: rgba(240,207,115,.045) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--data{
padding-left: 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--data .pt-data-copy{
padding-left: 0 !important;
}
}
/* v1108 portfolio tracker mobile spacing + silver header contrast */
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head::before{
opacity: .18 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-section-head{
position: relative !important;
}
@media (max-width: 760px){
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-exit-bar{
width: auto !important;
max-width: none !important;
margin: 0 12px 12px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-exit-bar__button{
width: 100% !important;
min-height: 46px !important;
padding: 10px 14px !important;
border-radius: 16px !important;
box-sizing: border-box !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head{
margin: 0 12px 10px !important;
width: auto !important;
padding: 16px !important;
overflow: hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-head-actions{
gap: 9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link{
min-height: 54px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
}
/* v1109 portfolio tracker summary cards less glow */
body[data-nav-tool="Portfolio Tracker"] .pt-summary-card::before{
left: 16px !important;
right: 16px !important;
opacity: .7 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-icon{
border-color: rgba(214,223,232,.18) !important;
background: rgba(255,255,255,.03) !important;
color: #d7b857 !important;
box-shadow: none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-label,
body[data-nav-tool="Portfolio Tracker"] .pt-summary-sub{
text-shadow: none !important;
}
/* v1110 portfolio tracker watchlist and sticky repair */
body[data-nav-tool="Portfolio Tracker"] .pt-wl-pick-hint.is-portfolio{
color:#f4d36f !important;
background:rgba(244,211,111,.105) !important;
border:1px solid rgba(244,211,111,.32) !important;
border-radius:7px !important;
padding:3px 7px !important;
display:inline-block !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-result-btn--owned:has(.pt-wl-pick-hint.is-portfolio){
border-color:rgba(244,211,111,.34) !important;
background:linear-gradient(180deg,rgba(244,211,111,.075),rgba(255,255,255,.018)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-inline-star{
background:rgba(244,211,111,.12) !important;
border-color:rgba(244,211,111,.42) !important;
color:#f4d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-inline-star:hover,
body[data-nav-tool="Portfolio Tracker"] .pt-inline-star.is-watched{
background:rgba(244,211,111,.20) !important;
border-color:rgba(244,211,111,.68) !important;
color:#ffe28a !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-exit-slot{
margin-top:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-exit-bar.pt-exit-inline{
margin-top:0 !important;
margin-bottom:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-exit-bar[data-r4x-exit-position="under-header"]:not(.pt-exit-inline){
margin-top:16px !important;
margin-bottom:14px !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-page{
overflow-x:clip !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-tabs{
position:sticky !important;
top:calc(var(--r4x-shared-header-height,64px) + 8px) !important;
z-index:80 !important;
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
background:rgba(8,13,20,.97) !important;
backdrop-filter:blur(12px) !important;
-webkit-backdrop-filter:blur(12px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-exit-slot{
margin-top:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-exit-bar.pt-exit-inline{
margin:0 0 12px !important;
}
}
/* v1111 portfolio tracker modal, header and mobile lede repair */
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-modal-card{
max-width:min(520px, calc(100vw - 20px)) !important;
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-form-step{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-results{
width:100% !important;
max-width:100% !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-result-btn{
display:grid !important;
grid-template-columns:40px minmax(0,1fr) !important;
justify-content:initial !important;
align-items:center !important;
gap:10px !important;
min-height:52px !important;
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
padding:9px 11px !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-result-btn .pt-logo{
width:32px !important;
height:32px !important;
min-width:32px !important;
justify-self:start !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-result-btn > span:not(.pt-logo){
min-width:0 !important;
max-width:100% !important;
display:block !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-result-name{
display:block !important;
max-width:100% !important;
white-space:normal !important;
overflow-wrap:anywhere !important;
word-break:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-wl-pick-hint{
max-width:100% !important;
white-space:normal !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-wl-pick-hint.is-portfolio{
display:inline-block !important;
width:auto !important;
max-width:100% !important;
margin-top:5px !important;
color:#ffe08a !important;
background:rgba(244,211,111,.14) !important;
border-color:rgba(244,211,111,.42) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-lede-tip{
display:none;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-lede-tip > summary{
list-style:none;
cursor:pointer;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-lede-tip > summary::-webkit-details-marker{
display:none;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head .pt-lede{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-lede-tip{
display:inline-block !important;
position:relative !important;
flex:0 0 auto !important;
margin-left:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-lede-tip > summary{
width:28px !important;
height:28px !important;
border-radius:999px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(214,223,232,.24) !important;
background:rgba(255,255,255,.045) !important;
color:#dce5f0 !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-lede-tip[open] > summary{
border-color:rgba(244,211,111,.42) !important;
background:rgba(244,211,111,.12) !important;
color:#ffe08a !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-lede-tip p{
position:absolute !important;
right:0 !important;
top:calc(100% + 8px) !important;
z-index:120 !important;
width:min(282px, calc(100vw - 48px)) !important;
margin:0 !important;
padding:10px 12px !important;
border-radius:14px !important;
border:1px solid rgba(214,223,232,.20) !important;
background:linear-gradient(180deg,rgba(18,26,38,.98),rgba(9,14,22,.98)) !important;
box-shadow:0 18px 42px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.045) !important;
color:rgba(221,229,240,.92) !important;
}
}
/* v1112 portfolio tracker targeted repair: watchlist modal title, owned-result copy, silver section headers */
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-modal-card{
max-width:min(520px, calc(100vw - 20px)) !important;
padding:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-modal-head{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
margin:0 0 12px !important;
padding:0 0 8px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-modal-head > div{
min-width:0 !important;
flex:1 1 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-modal-head h2{
white-space:nowrap !important;
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-modal-head .pt-icon-btn{
width:38px !important;
min-width:38px !important;
height:38px !important;
min-height:38px !important;
flex:0 0 38px !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-form-step{
padding:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-wl-pick-hint.is-portfolio{
color:#e8eef7 !important;
background:rgba(220,230,242,.08) !important;
border-color:rgba(220,230,242,.24) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-wl-pick-hint.is-watched{
color:#9edb7e !important;
}
@media (max-width:360px){
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-modal-card{
padding:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-modal-head .pt-icon-btn{
width:36px !important;
min-width:36px !important;
height:36px !important;
min-height:36px !important;
flex-basis:36px !important;
}
}
/* v1113 portfolio tracker final repair: real silver expanded headers + owned watchlist copy */
body[data-nav-tool="Portfolio Tracker"] #watchlist-section:not(.is-section-collapsed) .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #movement-section:not(.is-section-collapsed) .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #distribution-section:not(.is-section-collapsed) .pt-kicker{
color:#f0d36c !important;
}
body[data-nav-tool="Portfolio Tracker"] #watchlist-section:not(.is-section-collapsed) .pt-section-title,
body[data-nav-tool="Portfolio Tracker"] #movement-section:not(.is-section-collapsed) .pt-section-title,
body[data-nav-tool="Portfolio Tracker"] #distribution-section:not(.is-section-collapsed) .pt-section-title{
color:#f7f9fc !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-wl-pick-hint.is-portfolio{
color:#f3f6fb !important;
background:rgba(220,230,242,.10) !important;
border-color:rgba(220,230,242,.30) !important;
}
/* v1118 portfolio tracker mobile hero/action canonical layout
Single active mobile block for hero title, tooltip and CTAs. */
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero.pt-shell-head{
display:grid !important;
grid-template-columns:1fr !important;
align-items:stretch !important;
justify-items:stretch !important;
gap:8px !important;
width:auto !important;
max-width:none !important;
box-sizing:border-box !important;
margin:0 12px 8px !important;
padding:14px 14px 13px !important;
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero.pt-shell-head > div:first-child,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero.pt-shell-head > .pt-head-actions{
grid-column:1 / -1 !important;
width:100% !important;
max-width:none !important;
min-width:0 !important;
box-sizing:border-box !important;
justify-self:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-kicker{
margin:0 0 6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .r4x-tool-title-row{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:8px !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
flex-wrap:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .r4x-tool-title-row .r4x-tool-page-hero-icon{
width:40px !important;
height:40px !important;
flex:0 0 40px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .r4x-tool-title-row h1{
flex:0 1 auto !important;
min-width:0 !important;
max-width:calc(100% - 82px) !important;
margin:0 !important;
white-space:nowrap !important;
overflow:visible !important;
overflow-wrap:normal !important;
word-break:keep-all !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-mobile-lede-tip{
flex:0 0 27px !important;
margin-left:0 !important;
align-self:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-mobile-lede-tip > summary{
width:27px !important;
height:27px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-lede{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-head-actions{
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
margin:4px 0 0 !important;
padding:0 !important;
justify-items:stretch !important;
align-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-currency-switch,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero #refresh-prices,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link{
grid-column:1 / -1 !important;
width:100% !important;
max-width:none !important;
min-width:0 !important;
justify-self:stretch !important;
box-sizing:border-box !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-currency-switch{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:2px !important;
min-height:44px !important;
padding:4px !important;
border-radius:15px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-currency-switch button{
width:100% !important;
min-width:0 !important;
min-height:30px !important;
padding:0 14px !important;
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero #refresh-prices,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link{
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
min-height:46px !important;
padding:10px 15px !important;
border-radius:15px !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link{
min-height:52px !important;
flex-direction:column !important;
gap:1px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link::after{
margin-top:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-tabs{
margin-top:8px !important;
margin-bottom:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-strip{
margin-top:8px !important;
}
}
@media (max-width:360px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .r4x-tool-title-row{ gap:7px !important; }
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .r4x-tool-title-row .r4x-tool-page-hero-icon{
width:38px !important;
height:38px !important;
flex-basis:38px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .r4x-tool-title-row h1{
max-width:calc(100% - 78px) !important;
}
}
/* v1120 portfolio tracker watchlist star relation cue */
body[data-nav-tool="Portfolio Tracker"] .pt-watchlist-title-inline{
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-watchlist-star{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
color:#f0d36c !important;
font-size:.92rem !important;
line-height:1 !important;
transform:translateY(-1px) !important;
text-shadow:0 0 10px rgba(240,211,108,.18) !important;
}
/* R4X v1233 · Portfolio Tracker Bereichsstruktur */
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
position:sticky !important;
top:calc(var(--r4x-shared-header-height,64px) + 8px) !important;
z-index:82 !important;
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(118px,1fr)) !important;
margin:12px 0 12px !important;
backdrop-filter:blur(14px) !important;
-webkit-backdrop-filter:blur(14px) !important;
overflow-x:auto !important;
scrollbar-width:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs::-webkit-scrollbar{display:none !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tab{
min-width:0 !important;
cursor:pointer !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] [data-pt-area]{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] [data-pt-area].is-pt-active-area{
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-main-grid.is-pt-active-area{
display:grid !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--quick-actions{
padding:0 !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-section-head--static{
cursor:default !important;
pointer-events:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-quick-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:10px !important;
padding:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-quick{
appearance:none !important;
text-align:left !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:14px !important;
background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014)) !important;
color:#eef3fb !important;
padding:9px 10px !important;
cursor:pointer !important;
min-height:86px !important;
transition:background .14s ease,border-color .14s ease,transform .14s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-quick:hover{
border-color:rgba(212,175,55,.34) !important;
background:linear-gradient(180deg,rgba(212,175,55,.105),rgba(255,255,255,.018)) !important;
transform:translateY(-1px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-quick span{
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-quick small{
display:block !important;
margin-top:5px !important;
color:rgba(205,220,240,.62) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--history{
padding:0 !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--history #snapshot-section{
padding:14px 16px 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--history.is-section-collapsed #snapshot-section{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tool-area--data .pt-note{
margin-top:10px !important;
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
grid-template-columns:repeat(6,minmax(112px,1fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-quick-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
top:calc(var(--r4x-shared-header-height,64px) + 7px) !important;
display:grid !important;
grid-template-columns:repeat(6,minmax(104px,1fr)) !important;
margin-top:8px !important;
margin-bottom:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-quick-grid{
grid-template-columns:1fr !important;
padding:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-quick{
min-height:72px !important;
}
body[data-nav-tool="Portfolio Tracker"] [data-pt-area].is-pt-active-area{
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-main-grid.is-pt-active-area{
display:block !important;
}
}
/* R4X v1234 · Portfolio Tracker Bereichs-Polish */
body[data-nav-tool="Portfolio Tracker"] .pt-section-head--static{
cursor:default !important;
pointer-events:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--movement,
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution,
body[data-nav-tool="Portfolio Tracker"] .pt-card--watchlist,
body[data-nav-tool="Portfolio Tracker"] .pt-card--history{
margin-bottom:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-insights__head{
padding:16px 18px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-insights__grid{
display:grid !important;
grid-template-columns:1.15fr .92fr .92fr !important;
gap:10px !important;
padding:14px 16px 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-action{
display:grid !important;
grid-template-columns:auto minmax(0,1fr) !important;
gap:11px !important;
align-items:start !important;
min-height:132px !important;
padding:14px !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:15px !important;
background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-action.is-primary{
border-color:rgba(212,175,55,.28) !important;
background:
radial-gradient(340px 120px at 88% 0%, rgba(212,175,55,.13), transparent 66%),
linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.014)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-action__icon{
width:30px !important;
height:30px !important;
display:grid !important;
place-items:center !important;
border-radius:12px !important;
border:1px solid rgba(212,175,55,.26) !important;
background:rgba(212,175,55,.10) !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-action__body h3{
margin:0 0 5px !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-action__body p{
margin:0 !important;
color:rgba(205,220,240,.68) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-action__link{
grid-column:2 !important;
justify-self:start !important;
align-self:end !important;
border:0 !important;
padding:0 !important;
background:transparent !important;
color:#f2d36f !important;
cursor:pointer !important;
text-decoration:underline !important;
text-underline-offset:.24em !important;
text-decoration-color:rgba(212,175,55,.42) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-insights__foot{
margin:0 !important;
padding:0 16px 15px !important;
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-overview{
padding:14px 16px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero{
position:relative !important;
overflow:hidden !important;
padding:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero--chart{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero__copy h3,
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero h3{
margin:0 0 6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero__copy p,
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero p{
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-value{
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-value span,
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid span{
display:block !important;
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-value strong{
display:block !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-value em{
display:block !important;
margin-top:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart{
grid-column:1 / -1 !important;
height:188px !important;
border:1px solid rgba(255,255,255,.055) !important;
border-radius:15px !important;
overflow:hidden !important;
background:
linear-gradient(to bottom, transparent 24%, rgba(255,255,255,.035) 24.5%, transparent 25%),
linear-gradient(to bottom, transparent 49%, rgba(255,255,255,.035) 49.5%, transparent 50%),
linear-gradient(to bottom, transparent 74%, rgba(255,255,255,.035) 74.5%, transparent 75%),
rgba(255,255,255,.014) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart svg{
display:block !important;
width:100% !important;
height:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid{
grid-column:1 / -1 !important;
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid div{
min-width:0 !important;
padding:10px !important;
border:1px solid rgba(255,255,255,.065) !important;
border-radius:12px !important;
background:rgba(255,255,255,.018) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid strong{
display:block !important;
margin-top:3px !important;
color:#eef3fb !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid small{
display:block !important;
margin-top:2px !important;
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-system-badge{
display:inline-flex !important;
align-items:center !important;
gap:6px !important;
width:max-content !important;
max-width:100% !important;
margin:0 0 8px !important;
padding:4px 9px !important;
border-radius:999px !important;
border:1px solid rgba(174,217,255,.72) !important;
background:linear-gradient(135deg, rgba(213,234,252,.96), rgba(162,204,237,.88)) !important;
color:#10253d !important;
box-shadow:0 0 0 1px rgba(255,255,255,.18) inset, 0 8px 22px rgba(174,217,255,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-unlock{
display:inline-flex !important;
align-items:center !important;
gap:2px !important;
margin-top:12px !important;
color:#f2d36f !important;
text-decoration:underline !important;
text-underline-offset:.26em !important;
text-decoration-color:rgba(212,175,55,.42) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-locked-preview{
position:relative !important;
min-height:128px !important;
margin-top:14px !important;
border:1px solid rgba(255,255,255,.06) !important;
border-radius:14px !important;
background:
radial-gradient(260px 110px at 82% 0%, rgba(212,175,55,.14), transparent 66%),
rgba(255,255,255,.014) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-locked-pill{
position:absolute !important;
left:12px !important;
top:12px !important;
z-index:2 !important;
padding:4px 8px !important;
border-radius:999px !important;
border:1px solid rgba(212,175,55,.26) !important;
background:rgba(212,175,55,.10) !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-locked-line{
position:absolute !important;
left:20px !important;
right:20px !important;
bottom:32px !important;
height:62px !important;
border-bottom:3px solid rgba(242,211,116,.55) !important;
border-radius:50% !important;
transform:skewY(-8deg) !important;
opacity:.75 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-locked-dots{
position:absolute !important;
left:42px !important;
right:42px !important;
bottom:44px !important;
display:flex !important;
justify-content:space-between !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-locked-dots span{
width:9px !important;
height:9px !important;
border-radius:50% !important;
background:#f2d36f !important;
box-shadow:0 0 18px rgba(212,175,55,.32) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-empty-state{
padding:22px !important;
border:1px dashed rgba(212,175,55,.26) !important;
border-radius:16px !important;
background:rgba(212,175,55,.045) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-empty-state strong{
display:block !important;
margin-bottom:6px !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-empty-state p{
margin:0 0 14px !important;
color:rgba(205,220,240,.68) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tool-area--data .pt-card--data{
max-width:860px !important;
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] .pt-overview-insights__grid{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero--chart{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-value{
text-align:left !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-overview-insights__grid{
padding:12px 13px 7px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-action{
min-height:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-overview{
padding:12px 13px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart{
height:142px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid{
grid-template-columns:1fr !important;
}
}
/* R4X v1235 · Übersicht entdoppelt */
body[data-nav-tool="Portfolio Tracker"] .pt-card--quick-actions{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--overview-insights{
padding:0 !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-insights__head,
body[data-nav-tool="Portfolio Tracker"] .pt-overview-insights__grid,
body[data-nav-tool="Portfolio Tracker"] .pt-overview-insights__foot{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status{
display:grid !important;
grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr) !important;
gap:14px !important;
padding:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__main{
display:grid !important;
grid-template-columns:auto minmax(0,1fr) !important;
gap:14px !important;
align-items:start !important;
padding:16px !important;
border:1px solid rgba(212,175,55,.26) !important;
border-radius:16px !important;
background:
radial-gradient(420px 140px at 88% 0%, rgba(212,175,55,.12), transparent 66%),
linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.014)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__icon{
width:38px !important;
height:38px !important;
display:grid !important;
place-items:center !important;
border-radius:13px !important;
border:1px solid rgba(212,175,55,.30) !important;
background:rgba(212,175,55,.11) !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__copy h2{
margin:0 0 6px !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__copy p:not(.pt-kicker){
margin:0 !important;
color:rgba(205,220,240,.70) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__cta{
margin-top:14px !important;
appearance:none !important;
border:0 !important;
padding:0 !important;
background:transparent !important;
color:#f2d36f !important;
cursor:pointer !important;
text-decoration:underline !important;
text-underline-offset:.26em !important;
text-decoration-color:rgba(212,175,55,.42) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__side{
display:grid !important;
grid-template-columns:1fr !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__side div{
min-width:0 !important;
padding:12px 13px !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:13px !important;
background:rgba(255,255,255,.018) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__side span{
display:block !important;
margin-bottom:4px !important;
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__side strong{
display:block !important;
color:rgba(238,243,251,.92) !important;
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status{
grid-template-columns:1fr !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status{
padding:13px !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__main{
padding:14px !important;
}
}
/* R4X v1236 · Übersicht mit Chart und ruhigeren Kernkarten */
body[data-nav-tool="Portfolio Tracker"] .pt-summary-strip{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status{
display:grid !important;
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
gap:14px !important;
padding:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__meta{
grid-column:1 / -1 !important;
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__meta div{
min-width:0 !important;
padding:12px 13px !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:13px !important;
background:rgba(255,255,255,.018) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__meta span{
display:block !important;
margin-bottom:4px !important;
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__meta strong{
display:block !important;
color:rgba(238,243,251,.92) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__meta small{
display:block !important;
margin-top:3px !important;
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend{
min-width:0 !important;
padding:14px !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:16px !important;
background:
radial-gradient(320px 120px at 88% 0%, rgba(212,175,55,.08), transparent 64%),
linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__head{
display:flex !important;
justify-content:space-between !important;
align-items:flex-start !important;
gap:10px !important;
margin-bottom:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__head h3{
margin:0 !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__meta{
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__meta strong{
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__meta strong.is-positive{ color:#8fe28d !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__meta strong.is-negative{ color:#ff8b8b !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__meta span{
display:block !important;
margin-top:3px !important;
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__badge{
display:inline-flex !important;
align-items:center !important;
gap:2px !important;
padding:4px 8px !important;
border-radius:999px !important;
border:1px solid rgba(212,175,55,.24) !important;
background:rgba(212,175,55,.10) !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__chart .pt-history-chart{
height:136px !important;
margin:0 !important;
border-radius:14px !important;
background:
linear-gradient(to bottom, transparent 24%, rgba(255,255,255,.03) 24.5%, transparent 25%),
linear-gradient(to bottom, transparent 49%, rgba(255,255,255,.03) 49.5%, transparent 50%),
linear-gradient(to bottom, transparent 74%, rgba(255,255,255,.03) 74.5%, transparent 75%),
rgba(255,255,255,.015) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__placeholder{
min-height:136px !important;
display:grid !important;
place-items:center !important;
text-align:center !important;
padding:18px !important;
border:1px dashed rgba(212,175,55,.20) !important;
border-radius:14px !important;
background:rgba(255,255,255,.014) !important;
color:rgba(205,220,240,.62) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__note{
margin:8px 0 0 !important;
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__ghost{
position:relative !important;
min-height:136px !important;
border:1px solid rgba(255,255,255,.05) !important;
border-radius:14px !important;
background:rgba(255,255,255,.014) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__ghost-line{
position:absolute !important;
left:18px !important;
right:18px !important;
bottom:34px !important;
height:58px !important;
border-bottom:3px solid rgba(242,211,116,.55) !important;
border-radius:50% !important;
transform:skewY(-8deg) !important;
opacity:.75 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__ghost-dots{
position:absolute !important;
left:36px !important;
right:36px !important;
bottom:46px !important;
display:flex !important;
justify-content:space-between !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__ghost-dots span{
width:9px !important;
height:9px !important;
border-radius:50% !important;
background:#f2d36f !important;
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status{
grid-template-columns:1fr !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-summary-strip{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__meta{
grid-template-columns:1fr !important;
}
}
/* R4X v1239 · Mobile Übersicht verdichten und Struktur robust anzeigen */
body[data-nav-tool="Portfolio Tracker"] .pt-tool-area--structure.is-pt-active-area{
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tool-area--structure .pt-main-grid{
display:grid !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card{
display:none !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head{
padding:10px 12px 11px !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head .r4x-tool-title-row{
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-page-hero-icon{
width:38px !important;
height:38px !important;
border-radius:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-lede{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-head-actions{
display:grid !important;
grid-template-columns:1fr !important;
gap:7px !important;
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-currency-switch{
min-height:38px !important;
padding:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-currency-switch button{
min-height:32px !important;
padding:6px 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #refresh-prices{
min-height:38px !important;
padding:8px 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link{
min-height:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
color:#f2d36f !important;
text-decoration:underline !important;
text-underline-offset:.24em !important;
justify-content:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
top:calc(var(--r4x-shared-header-height,64px) + 4px) !important;
margin-top:6px !important;
margin-bottom:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-strip{
display:block !important;
margin-top:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-strip .pt-summary-card{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:12px !important;
align-items:end !important;
padding:14px !important;
border:1px solid rgba(212,175,55,.22) !important;
border-radius:16px !important;
background:
radial-gradient(300px 110px at 88% 0%, rgba(212,175,55,.10), transparent 66%),
linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.014)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__main span,
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__meta span{
display:block !important;
margin-bottom:3px !important;
color:rgba(205,220,240,.52) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__main strong{
display:block !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__main div{
margin-top:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__meta{
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__meta strong{
display:block !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status{
padding:10px 0 0 !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__main,
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend,
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__meta div{
border-radius:15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-status__main{
padding:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend{
padding:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__chart .pt-history-chart,
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__placeholder,
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__ghost{
min-height:112px !important;
height:112px !important;
}
}
/* R4X v1240 · Mobile Summary optisch repariert */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
overflow-x:auto !important;
scroll-snap-type:x proximity !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tab{
scroll-snap-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link{
margin-top:1px !important;
color:rgba(242,211,116,.88) !important;
text-align:center !important;
justify-content:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card{
display:block !important;
padding:0 !important;
border:1px solid rgba(212,175,55,.24) !important;
border-radius:17px !important;
overflow:hidden !important;
background:
radial-gradient(340px 120px at 88% 0%, rgba(212,175,55,.11), transparent 66%),
linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.012)) !important;
box-shadow:0 14px 34px rgba(0,0,0,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__top{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:12px !important;
align-items:end !important;
padding:15px 15px 13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__value span,
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__positions span,
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__metric span{
display:block !important;
margin-bottom:3px !important;
color:rgba(205,220,240,.58) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__value strong{
display:block !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__positions{
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__positions strong{
display:block !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__bottom{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:0 !important;
border-top:1px solid rgba(255,255,255,.07) !important;
background:rgba(0,0,0,.12) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__metric{
padding:11px 14px 12px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__metric + .pt-mobile-summary-card__metric{
border-left:1px solid rgba(255,255,255,.07) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__metric strong{
display:block !important;
color:#eef3fb !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__metric strong.is-positive,
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__metric small.is-positive{
color:#8fe28d !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__metric strong.is-negative,
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__metric small.is-negative{
color:#ff7e7e !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card__metric small{
display:block !important;
margin-top:4px !important;
color:rgba(205,220,240,.58) !important;
}
}
/* R4X v1241 · Mobile spacing and wording refinement */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
margin-bottom:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-strip{
margin-top:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link small,
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link .pt-link-note,
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link .r4x-link-note{
text-decoration:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link small{
display:block !important;
color:rgba(205,220,240,.64) !important;
}
}
/* R4X v1242 · Mobile final fixes for overview spacing, hub info, history label and structure panel */
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link{
text-decoration:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link-main{
text-decoration:underline !important;
text-underline-offset:.22em !important;
text-decoration-thickness:1px !important;
text-decoration-color:rgba(242,211,116,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link::after{
text-decoration:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tab-label-mobile{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #structure-section.is-pt-active-area,
body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="structure"] #structure-section{
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] #structure-section.is-pt-active-area #distribution-section,
body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="structure"] #distribution-section{
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] #structure-section.is-pt-active-area .pt-chart,
body[data-nav-tool="Portfolio Tracker"] #structure-section.is-pt-active-area .pt-facts,
body[data-nav-tool="Portfolio Tracker"] #structure-section.is-pt-active-area .pt-plus-section,
body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="structure"] #distribution-chart,
body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="structure"] #fact-grid,
body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="structure"] #narrative-section{
display:block !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-tab-label-desktop{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tab-label-mobile{
display:inline !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
margin-bottom:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tool-area--overview{
margin-top:-24px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-strip{
margin-top:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link{
text-decoration:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link-main{
text-decoration:underline !important;
text-underline-offset:.22em !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link::after{
text-decoration:none !important;
}
}
/* R4X v1249 · Separate Mobile-Positionskarten, Desktop-Tabelle unverändert */
html body #tracking-table .pt-mobile-position-list{
display:none !important;
}
html body #tracking-table .pt-desktop-movement{
display:block !important;
}
@media (max-width:760px){
html body #tracking-table .pt-desktop-movement{
display:none !important;
}
html body #tracking-table .pt-mobile-position-list{
display:grid !important;
gap:10px !important;
padding:12px 10px 14px !important;
}
html body #tracking-table .pt-mobile-position-card{
display:block !important;
overflow:hidden !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:16px !important;
background:linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.01)) !important;
}
html body #tracking-table .pt-mobile-position-card__asset{
display:flex !important;
align-items:center !important;
gap:10px !important;
min-width:0 !important;
padding:12px 13px 9px !important;
border-bottom:1px solid rgba(255,255,255,.065) !important;
}
html body #tracking-table .pt-mobile-position-card__asset-copy{
min-width:0 !important;
}
html body #tracking-table .pt-mobile-position-card__summary{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:0 !important;
}
html body #tracking-table .pt-mobile-position-card__metric{
min-width:0 !important;
min-height:56px !important;
padding:9px 10px !important;
border-bottom:1px solid rgba(255,255,255,.055) !important;
}
html body #tracking-table .pt-mobile-position-card__metric + .pt-mobile-position-card__metric{
border-left:1px solid rgba(255,255,255,.055) !important;
}
html body #tracking-table .pt-mobile-position-card__metric span,
html body #tracking-table .pt-mobile-position-card__detail span{
display:block !important;
margin-bottom:3px !important;
color:#7591b7 !important;
}
html body #tracking-table .pt-mobile-position-card__metric strong,
html body #tracking-table .pt-mobile-position-card__detail strong{
display:block !important;
min-width:0 !important;
color:#f4f7ff !important;
text-align:left !important;
overflow-wrap:anywhere !important;
}
html body #tracking-table .pt-mobile-position-card__metric--result small{
display:block !important;
margin-top:3px !important;
text-align:left !important;
}
html body #tracking-table .pt-mobile-position-card__details{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:0 !important;
border-top:1px solid rgba(255,255,255,.055) !important;
}
html body #tracking-table .pt-mobile-position-card__details[hidden]{
display:none !important;
}
html body #tracking-table .pt-mobile-position-card__detail{
min-width:0 !important;
min-height:55px !important;
padding:9px 10px !important;
border-bottom:1px solid rgba(255,255,255,.055) !important;
}
html body #tracking-table .pt-mobile-position-card__detail:not(:nth-child(3n)){
border-right:1px solid rgba(255,255,255,.055) !important;
}
html body #tracking-table .pt-mobile-position-card__detail--breakeven .pt-breakeven{
display:inline-block !important;
margin-top:2px !important;
padding:1px 5px !important;
border-radius:4px !important;
background:rgba(212,175,55,.09) !important;
color:rgba(212,175,55,.82) !important;
white-space:normal !important;
}
html body #tracking-table .pt-mobile-position-card__actions{
grid-column:1 / -1 !important;
display:flex !important;
justify-content:flex-end !important;
gap:8px !important;
padding:11px 12px 12px !important;
}
html body #tracking-table .pt-mobile-position-card__toggle{
display:block !important;
width:100% !important;
appearance:none !important;
border:0 !important;
border-top:1px solid rgba(255,255,255,.07) !important;
background:rgba(255,255,255,.018) !important;
color:#f2d36f !important;
padding:10px 13px !important;
text-align:left !important;
cursor:pointer !important;
}
html body #tracking-table .pt-mobile-position-card.is-open .pt-mobile-position-card__toggle{
background:rgba(212,175,55,.07) !important;
}
}
/* R4X v1250 · Mobile Details optisch beruhigt, Standardkarte bleibt kompakt */
@media (max-width:760px){
html body #tracking-table .pt-mobile-position-card__details{
display:block !important;
border-top:1px solid rgba(255,255,255,.065) !important;
background:rgba(0,0,0,.08) !important;
}
html body #tracking-table .pt-mobile-position-card__details[hidden]{
display:none !important;
}
html body #tracking-table .pt-mobile-position-card__detail{
display:none !important;
}
html body #tracking-table .pt-mobile-position-card__detail-row{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:14px !important;
min-height:43px !important;
padding:10px 13px !important;
border-bottom:1px solid rgba(255,255,255,.055) !important;
}
html body #tracking-table .pt-mobile-position-card__detail-row span{
flex:0 0 auto !important;
display:block !important;
margin:0 !important;
color:#7591b7 !important;
}
html body #tracking-table .pt-mobile-position-card__detail-row strong{
flex:1 1 auto !important;
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
min-width:0 !important;
color:#f4f7ff !important;
text-align:right !important;
overflow-wrap:anywhere !important;
}
html body #tracking-table .pt-mobile-position-card__detail-row strong .pt-trend.is-positive,
html body #tracking-table .pt-mobile-position-card__metric--result strong .pt-trend.is-positive,
html body #tracking-table .pt-mobile-position-card__metric--result small .pt-trend.is-positive{
color:#2ee69a !important;
}
html body #tracking-table .pt-mobile-position-card__detail-row strong .pt-trend.is-negative,
html body #tracking-table .pt-mobile-position-card__metric--result strong .pt-trend.is-negative,
html body #tracking-table .pt-mobile-position-card__metric--result small .pt-trend.is-negative{
color:#ff5967 !important;
}
html body #tracking-table .pt-mobile-position-card__detail-row strong .pt-trend.is-neutral,
html body #tracking-table .pt-mobile-position-card__metric--result strong .pt-trend.is-neutral,
html body #tracking-table .pt-mobile-position-card__metric--result small .pt-trend.is-neutral{
color:#f4f7ff !important;
}
html body #tracking-table .pt-mobile-position-card__detail-row--breakeven strong{
justify-content:flex-end !important;
}
html body #tracking-table .pt-mobile-position-card__detail-row--breakeven .pt-breakeven{
display:inline-block !important;
width:auto !important;
max-width:100% !important;
margin:0 !important;
padding:2px 6px !important;
border-radius:4px !important;
background:rgba(212,175,55,.09) !important;
color:rgba(212,175,55,.82) !important;
white-space:normal !important;
}
html body #tracking-table .pt-mobile-position-card__detail-row--breakeven .pt-breakeven.is-positive,
html body #tracking-table .pt-mobile-position-card__detail-row--breakeven .pt-breakeven.is-negative,
html body #tracking-table .pt-mobile-position-card__detail-row--breakeven .pt-breakeven.is-neutral{
color:rgba(212,175,55,.82) !important;
}
html body #tracking-table .pt-mobile-position-card__actions{
display:flex !important;
justify-content:flex-end !important;
gap:8px !important;
padding:11px 13px 13px !important;
border-bottom:1px solid rgba(255,255,255,.055) !important;
}
html body #tracking-table .pt-mobile-position-card__toggle{
padding:10px 13px !important;
}
}
/* R4X v1251 · Mobile Werte größer, Break-Even wie Desktop-Chip */
@media (max-width:760px){
html body #tracking-table .pt-mobile-position-card__metric{
min-height:56px !important;
padding:10px 11px !important;
}
html body #tracking-table .pt-mobile-position-card__detail-row{
min-height:46px !important;
padding:10px 13px !important;
}
html body #tracking-table .pt-mobile-position-card__detail-row--breakeven strong{
align-items:center !important;
}
html body #tracking-table .pt-mobile-position-card__detail-row--breakeven strong .pt-breakeven.pt-trend,
html body #tracking-table .pt-mobile-position-card__detail-row--breakeven strong .pt-breakeven.pt-trend.is-positive,
html body #tracking-table .pt-mobile-position-card__detail-row--breakeven strong .pt-breakeven.pt-trend.is-negative,
html body #tracking-table .pt-mobile-position-card__detail-row--breakeven strong .pt-breakeven.pt-trend.is-neutral{
display:inline-block !important;
width:auto !important;
max-width:100% !important;
margin:0 !important;
padding:2px 6px !important;
border-radius:4px !important;
background:rgba(212,175,55,.09) !important;
border:0 !important;
color:rgba(212,175,55,.82) !important;
white-space:normal !important;
box-shadow:none !important;
}
}
/* R4X v1252 · Portfolio Tracker Mobile Hero kompakter */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head{
padding:9px 12px 10px !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head .r4x-tool-title-row{
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .r4x-tool-page-hero-icon{
width:30px !important;
height:30px !important;
min-width:30px !important;
border-radius:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-kicker{
margin-bottom:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-head-actions{
gap:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-currency-switch{
min-height:36px !important;
padding:3px !important;
border-radius:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-currency-switch button{
min-height:30px !important;
padding:5px 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #refresh-prices{
min-height:36px !important;
padding:7px 12px !important;
border-radius:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link{
min-height:0 !important;
margin-top:1px !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link small{
margin-top:0 !important;
}
}
/* R4X v1253 · Mobile Hero sichtbar kompakter, spezifischer als ältere #tracker-hero-Regeln */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero.pt-shell-head{
padding:8px 10px 9px !important;
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-kicker{
margin:0 0 2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .r4x-tool-title-row{
gap:7px !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .r4x-tool-title-row .r4x-tool-page-hero-icon{
width:32px !important;
height:32px !important;
min-width:32px !important;
flex-basis:32px !important;
border-radius:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-mobile-lede-tip{
flex:0 0 24px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-mobile-lede-tip > summary{
width:24px !important;
height:24px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-head-actions{
display:grid !important;
grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;
gap:6px !important;
margin:2px 0 0 !important;
padding:0 !important;
align-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-currency-switch{
grid-column:auto !important;
min-height:30px !important;
padding:3px !important;
border-radius:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-currency-switch button{
min-height:28px !important;
padding:4px 6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero #refresh-prices{
grid-column:auto !important;
min-height:30px !important;
padding:6px 8px !important;
border-radius:12px !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link{
grid-column:1 / -1 !important;
width:auto !important;
justify-self:center !important;
min-height:0 !important;
margin:1px auto 0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link::after{
margin-top:0 !important;
}
}
@media (max-width:360px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-head-actions{
grid-template-columns:1fr !important;
}
}
/* R4X v1254 · Mobile Abstände nach Hero-Verdichtung ausbalanciert */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link-main{
display:inline-block !important;
margin-bottom:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link::after{
display:block !important;
margin-top:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
margin-top:9px !important;
margin-bottom:11px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tool-area--overview{
margin-top:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-strip{
margin-top:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-mobile-summary-card{
margin-top:0 !important;
}
}
/* R4X v1255 · Vergleichsbereich kompakter, Tooltip statt Langtext */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager{
display:grid !important;
grid-template-columns:minmax(250px,.86fr) minmax(0,1.35fr) !important;
gap:18px !important;
align-items:start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__intro{
display:flex !important;
flex-direction:column !important;
gap:18px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__intro h3{
display:flex !important;
align-items:center !important;
gap:8px !important;
margin:0 0 5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-actions{
display:flex !important;
flex-direction:column !important;
gap:7px !important;
align-items:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-actions .pt-btn{
width:100% !important;
max-width:320px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-actions small{
color:rgba(205,220,240,.58) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__list{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
flex:0 0 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip__btn{
appearance:none !important;
width:25px !important;
height:25px !important;
border-radius:999px !important;
border:1px solid rgba(214,223,232,.26) !important;
background:rgba(255,255,255,.045) !important;
color:#dce5f0 !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip__bubble{
position:absolute !important;
right:0 !important;
top:calc(100% + 8px) !important;
z-index:30 !important;
width:min(330px, calc(100vw - 48px)) !important;
padding:10px 12px !important;
border-radius:13px !important;
border:1px solid rgba(214,223,232,.20) !important;
background:linear-gradient(180deg,rgba(18,26,38,.98),rgba(9,14,22,.98)) !important;
box-shadow:0 18px 42px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.045) !important;
color:rgba(221,229,240,.92) !important;
opacity:0 !important;
pointer-events:none !important;
transform:translateY(-3px) !important;
transition:opacity .14s ease, transform .14s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip:hover .pt-snapshot-tooltip__bubble,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip:focus-within .pt-snapshot-tooltip__bubble{
opacity:1 !important;
pointer-events:auto !important;
transform:translateY(0) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto 32px !important;
align-items:center !important;
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-title-wrap,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-value-wrap{
min-width:0 !important;
display:flex !important;
flex-direction:column !important;
gap:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-value-wrap{
align-items:flex-end !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-delta{
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-delta.is-positive{
color:#2ee69a !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-delta.is-negative{
color:#ff5967 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-history-overview{
padding:12px 12px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero{
padding:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero--chart{
grid-template-columns:1fr auto !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero__copy h3,
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero h3{
margin-bottom:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart{
height:134px !important;
border-radius:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid{
gap:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid div{
padding:8px !important;
border-radius:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager{
display:block !important;
padding:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__intro{
gap:12px !important;
margin-bottom:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-subtitle{
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-actions .pt-btn{
max-width:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list{
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary{
grid-template-columns:minmax(0,1fr) auto 30px !important;
gap:8px !important;
padding:9px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip__bubble{
right:auto !important;
left:50% !important;
transform:translate(-50%,-3px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip:hover .pt-snapshot-tooltip__bubble,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip:focus-within .pt-snapshot-tooltip__bubble{
transform:translate(-50%,0) !important;
}
}
/* R4X v1256 · Snapshot-Tooltip nicht abschneiden, Subtext als UI-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager .pt-snapshot-subtitle{
color:rgba(205,220,240,.74) !important;
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip__bubble{
position:fixed !important;
right:auto !important;
bottom:auto !important;
max-width:none !important;
box-sizing:border-box !important;
z-index:999 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip.is-open .pt-snapshot-tooltip__bubble{
opacity:1 !important;
pointer-events:auto !important;
transform:translateY(0) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip__btn:focus{
outline:2px solid rgba(242,211,111,.45) !important;
outline-offset:2px !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__intro{
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager .pt-snapshot-subtitle{
max-width:31ch !important;
color:rgba(205,220,240,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip__bubble{
width:calc(100vw - 36px) !important;
max-width:330px !important;
min-width:0 !important;
transform:translateY(-3px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip:hover .pt-snapshot-tooltip__bubble,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip:focus-within .pt-snapshot-tooltip__bubble{
transform:translateY(0) !important;
}
}
/* R4X v1257 · Snapshot-Vergleich sichtbar erklären */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-hint{
margin:0 0 10px !important;
color:rgba(205,220,240,.68) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-open-hint{
display:block !important;
margin-top:3px !important;
color:rgba(242,211,111,.82) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-hint{
margin:0 0 9px !important;
}
}
/* R4X v1258 · Snapshot-Archiv, Referenz und Löschen */
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-open{
margin-top:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-count,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-line{
display:block !important;
color:rgba(205,220,240,.58) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-line{
margin:8px 0 0 !important;
color:rgba(242,211,111,.80) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-badge{
display:inline-flex !important;
margin-left:7px !important;
padding:2px 6px !important;
border-radius:999px !important;
border:1px solid rgba(242,211,111,.32) !important;
background:rgba(242,211,111,.10) !important;
color:#f2d36f !important;
vertical-align:middle !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item.is-reference > summary,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item.is-reference > summary{
border-color:rgba(242,211,111,.34) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay[hidden]{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
position:fixed !important;
inset:0 !important;
z-index:980 !important;
display:grid !important;
place-items:center !important;
padding:22px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:absolute !important;
inset:0 !important;
background:rgba(0,0,0,.62) !important;
backdrop-filter:blur(4px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:relative !important;
z-index:1 !important;
width:min(980px, calc(100vw - 44px)) !important;
max-height:min(82vh, 760px) !important;
overflow:auto !important;
border:1px solid rgba(255,255,255,.10) !important;
border-radius:20px !important;
background:linear-gradient(180deg, rgba(14,22,32,.98), rgba(7,12,18,.98)) !important;
box-shadow:0 28px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05) !important;
padding:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
gap:16px !important;
margin:0 0 16px !important;
padding:0 0 14px !important;
border-bottom:1px solid rgba(255,255,255,.075) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head h3{
margin:0 0 5px !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head p{
margin:0 !important;
color:rgba(205,220,240,.66) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list{
display:grid !important;
gap:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-group h4{
margin:0 0 8px !important;
color:rgba(205,220,240,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item{
display:block !important;
margin:0 0 9px !important;
border-radius:14px !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto auto 32px !important;
gap:12px !important;
align-items:center !important;
padding:12px 12px !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:14px !important;
background:linear-gradient(180deg, rgba(38,55,76,.96), rgba(28,42,60,.96)) !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-row-actions{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-action{
appearance:none !important;
border:1px solid rgba(242,211,111,.34) !important;
border-radius:999px !important;
background:rgba(242,211,111,.08) !important;
color:#f2d36f !important;
padding:6px 9px !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-action--danger{
border-color:rgba(255,89,103,.36) !important;
background:rgba(255,89,103,.08) !important;
color:#ff7d86 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
align-items:end !important;
place-items:end stretch !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:100% !important;
max-height:88vh !important;
border-radius:20px 20px 0 0 !important;
padding:15px 12px 92px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head{
gap:10px !important;
margin-bottom:12px !important;
padding-bottom:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary{
grid-template-columns:minmax(0,1fr) auto 30px !important;
gap:8px !important;
padding:11px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-row-actions{
grid-column:1 / -1 !important;
justify-content:flex-start !important;
margin-top:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-action{
padding:6px 9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-badge{
margin-left:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-open{
width:100% !important;
}
}
/* R4X v1259 · Snapshot Overlay Scroll-Lock Schutz */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay[hidden]{
pointer-events:none !important;
}
/* R4X v1260 · Referenz-Snapshot mit echtem Vergleichsnutzen */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare{
margin:0 0 13px !important;
padding:14px !important;
border:1px solid rgba(242,211,111,.20) !important;
border-radius:16px !important;
background:
radial-gradient(420px 150px at 92% 0%, rgba(242,211,111,.10), transparent 62%),
linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare--note{
border-color:rgba(205,220,240,.14) !important;
background:linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.01)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__head{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:14px !important;
align-items:start !important;
margin:0 0 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare h4{
margin:0 0 4px !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare p{
margin:0 !important;
color:rgba(205,220,240,.68) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__delta{
min-width:126px !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__delta span,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__grid span{
display:block !important;
color:rgba(205,220,240,.50) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__delta strong{
display:block !important;
margin-top:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__delta small{
display:block !important;
margin-top:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__delta.is-positive,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare .is-positive{
color:#2ee69a !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__delta.is-negative,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare .is-negative{
color:#ff5967 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__grid div{
min-width:0 !important;
padding:10px !important;
border:1px solid rgba(255,255,255,.07) !important;
border-radius:12px !important;
background:rgba(255,255,255,.018) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__grid strong{
display:block !important;
margin-top:3px !important;
color:#eef3fb !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__grid small{
display:block !important;
margin-top:2px !important;
color:rgba(205,220,240,.50) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-details{
margin-top:10px !important;
border-top:1px solid rgba(255,255,255,.07) !important;
padding-top:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-details > summary{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
cursor:pointer !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-details > summary i{
width:24px !important;
height:24px !important;
flex:0 0 24px !important;
border-radius:999px !important;
border:1px solid rgba(216,226,236,.24) !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
color:transparent !important;
position:relative !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-details > summary i::before{
content:"" !important;
width:8px !important;
height:8px !important;
border-right:2px solid #e7edf6 !important;
border-bottom:2px solid #e7edf6 !important;
transform:rotate(45deg) translate(-1px,-1px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-details[open] > summary i::before{
transform:rotate(-135deg) translate(-1px,-1px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-details .pt-snapshot-compare-wrap{
margin-top:10px !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare{
padding:12px !important;
border-radius:15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__head{
grid-template-columns:1fr !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__delta{
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__grid{
grid-template-columns:1fr !important;
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__grid div{
padding:9px !important;
}
}
/* R4X v1261 · Investment-Hub-Schloss und Typografie-Glättung */
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link-main{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-lock{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
transform:translateY(-.02em) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link.is-plus-locked .pt-hub-link-main{
color:#f2d36f !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link-main{
gap:2px !important;
}
}
/* R4X v1262 · Desktop-Titel und Vergleichstypografie ruhiger */
@media (min-width:761px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero{
padding:22px 26px 24px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .r4x-tool-title-row{
gap:12px !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .r4x-tool-page-hero-icon{
width:42px !important;
height:42px !important;
min-width:42px !important;
border-radius:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero #pt-title,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero h1{
text-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-kicker{
margin-bottom:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-lede{
max-width:520px !important;
margin-top:5px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-summary-grid strong,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-wrap strong,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare strong,
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid strong,
body[data-nav-tool="Portfolio Tracker"] .pt-history-value strong{
text-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-wrap h4,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare h4,
body[data-nav-tool="Portfolio Tracker"] .pt-narrative-compare h4{
text-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-compare-card{
color:rgba(229,238,249,.92) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-compare-card span{
color:rgba(178,198,220,.76) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-compare-card strong{
color:#f2f6fc !important;
}
@media (max-width:760px){
}
/* R4X v1263 · Overlay-Kicker, Chevron und Desktop-Titel final ruhiger */
@media (min-width:761px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero #pt-title,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero h1{
text-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .r4x-tool-page-hero-icon{
width:38px !important;
height:38px !important;
min-width:38px !important;
border-radius:10px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager .pt-kicker{
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary i{
position:relative !important;
width:30px !important;
height:30px !important;
flex:0 0 30px !important;
border-radius:999px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(216,226,236,.28) !important;
background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 8px 18px rgba(0,0,0,.18) !important;
color:transparent !important;
text-indent:-9999px !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary i::before{
content:"" !important;
width:9px !important;
height:9px !important;
border-right:2px solid #eef3fb !important;
border-bottom:2px solid #eef3fb !important;
transform:rotate(45deg) translate(-1px,-1px) !important;
transform-origin:center !important;
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item[open] > summary i{
border-color:rgba(242,211,111,.42) !important;
background:linear-gradient(180deg, rgba(242,211,111,.18), rgba(242,211,111,.08)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item[open] > summary i::before{
border-color:#f2d36f !important;
transform:rotate(-135deg) translate(-1px,-1px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary:hover i{
border-color:rgba(242,211,111,.44) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary i{
width:30px !important;
height:30px !important;
flex-basis:30px !important;
}
}
/* R4X v1264 · Market-Cap-Legende kompakt als Info */
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta{
gap:10px !important;
margin-bottom:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta .pt-cap-summary{
max-width:760px !important;
padding:11px 13px !important;
border-radius:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta .pt-cap-legend{
display:flex !important;
flex-wrap:wrap !important;
gap:6px !important;
margin:0 !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta .pt-cap-legend span{
display:inline-flex !important;
flex-direction:row !important;
align-items:baseline !important;
gap:5px !important;
width:auto !important;
min-height:0 !important;
padding:4px 8px !important;
border-radius:999px !important;
border:1px solid rgba(255,255,255,.075) !important;
background:rgba(255,255,255,.018) !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta .pt-cap-legend strong{
color:#f2d36f !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta .pt-cap-legend small{
color:rgba(213,222,234,.76) !important;
white-space:nowrap !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-card--distribution .pt-plus-section{
padding:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta{
gap:9px !important;
margin-bottom:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta .pt-cap-summary{
padding:10px 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta .pt-cap-legend{
display:flex !important;
flex-wrap:wrap !important;
grid-template-columns:none !important;
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-cap-meta .pt-cap-legend span{
padding:4px 7px !important;
gap:2px !important;
border-radius:999px !important;
}
}
/* R4X v1265 · Snapshot-Modal Mobile sicher schließbar */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
z-index:6000 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
align-items:end !important;
place-items:end stretch !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:100% !important;
max-height:calc(100dvh - 18px) !important;
border-radius:20px 20px 0 0 !important;
padding:0 12px calc(94px + env(safe-area-inset-bottom, 0px)) !important;
overflow:auto !important;
overscroll-behavior:contain !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head{
position:sticky !important;
top:0 !important;
z-index:5 !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) 40px !important;
align-items:start !important;
gap:10px !important;
margin:0 -12px 12px !important;
padding:16px 12px 12px !important;
border-bottom:1px solid rgba(255,255,255,.075) !important;
background:linear-gradient(180deg, rgba(14,22,32,.99), rgba(12,19,28,.98)) !important;
box-shadow:0 10px 24px rgba(0,0,0,.22) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head .pt-icon-btn{
position:relative !important;
right:auto !important;
top:auto !important;
width:36px !important;
height:36px !important;
min-width:36px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
justify-self:end !important;
align-self:start !important;
font-size:1.05rem !important;
line-height:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head p{
max-width:34ch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list{
padding-bottom:8px !important;
}
}
/* R4X v1266 · Snapshot-Modal Mobile als Full-Screen, Kopf nicht abschneiden */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
z-index:2147483000 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
position:fixed !important;
inset:0 !important;
width:100vw !important;
height:100vh !important;
height:100svh !important;
height:100dvh !important;
display:block !important;
padding:0 !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:fixed !important;
inset:0 !important;
width:100vw !important;
height:100vh !important;
height:100svh !important;
height:100dvh !important;
max-height:none !important;
margin:0 !important;
padding:0 12px calc(92px + env(safe-area-inset-bottom, 0px)) !important;
border-radius:0 !important;
border:0 !important;
overflow:auto !important;
-webkit-overflow-scrolling:touch !important;
overscroll-behavior:contain !important;
background:linear-gradient(180deg, rgba(14,22,32,.99), rgba(7,12,18,.99)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head{
position:sticky !important;
top:0 !important;
z-index:20 !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) 42px !important;
align-items:start !important;
gap:10px !important;
margin:0 -12px 12px !important;
padding:calc(14px + env(safe-area-inset-top, 0px)) 12px 12px !important;
min-height:0 !important;
border-bottom:1px solid rgba(255,255,255,.085) !important;
background:linear-gradient(180deg, rgba(14,22,32,1), rgba(12,19,28,.99)) !important;
box-shadow:0 10px 28px rgba(0,0,0,.28) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head .pt-icon-btn{
position:fixed !important;
top:calc(12px + env(safe-area-inset-top, 0px)) !important;
right:12px !important;
z-index:2147483001 !important;
width:38px !important;
height:38px !important;
min-width:38px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
font-size:1.08rem !important;
line-height:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head h3,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head p{
padding-right:48px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head h3{
margin:0 0 5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__head p{
max-width:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list{
padding:0 0 12px !important;
}
}
/* R4X v1267 · Snapshot-Referenz bleibt beim Neuladen erhalten */
/* R4X v1269 · Snapshot Tooltip entfernt und Referenz zurücksetzbar */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-tooltip{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-line{
display:flex !important;
align-items:center !important;
flex-wrap:wrap !important;
gap:7px 9px !important;
margin:9px 0 0 !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-line button,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-clear,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-action--clear{
appearance:none !important;
border:1px solid rgba(242,211,111,.32) !important;
border-radius:999px !important;
background:rgba(242,211,111,.08) !important;
color:#f2d36f !important;
padding:6px 9px !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-clear{
margin:10px 0 0 !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-line button:hover,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-clear:hover,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-action--clear:hover{
border-color:rgba(242,211,111,.56) !important;
background:rgba(242,211,111,.14) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-line button,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-clear,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-action--clear{
padding:6px 8px !important;
}
}
/* R4X v1270 · Referenz entfernen dedupliziert und Schrift geglättet */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-line{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-clear,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-action--clear{
text-shadow:none !important;
-webkit-font-smoothing:antialiased !important;
text-rendering:geometricPrecision !important;
padding:6px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-clear{
margin:10px 0 0 !important;
}
@media (max-width:760px){
}
/* R4X v1271 · Portfolio-Rahmen in der Übersicht */
body[data-nav-tool="Portfolio Tracker"] .pt-overview-rules{
min-height:236px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-rules .pt-overview-status__copy{
min-width:0 !important;
}
/* ── v1684 REGELN: 2-Spalten-Grid, kompakte Kacheln ──────────────────────── */
/* ── v1684 REGELN: 2-Spalten-Grid, saubere Hierarchie ───────────────────── */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-list{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:6px !important;
margin:12px 0 10px !important;
}
/* ── KACHEL ──────────────────────────────────────────────────────────────── */
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row{
position:relative !important;
display:flex !important;
flex-direction:column !important;
gap:0 !important;
padding:12px 13px 0 16px !important;
border:1px solid rgba(255,255,255,.07) !important;
border-radius:12px !important;
background:rgba(255,255,255,.022) !important;
overflow:hidden !important;
}
/* Farbige 3px-Linie links – Status auf einen Blick, kein Badge, kein Button */
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row::before{
content:'' !important;
position:absolute !important;
left:0 !important;top:0 !important;bottom:0 !important;
width:3px !important;
background:rgba(255,255,255,.07) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row.is-ok::before{
background:rgba(48,240,160,.7) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row.is-check::before{
background:rgba(242,211,111,.7) !important;
}
/* Label: kleine Kategorie-Bezeichnung oben */
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row__label{
display:block !important;
color:rgba(155,180,210,.6) !important;
margin-bottom:5px !important;
}
/* Wert: groß, klar, dominant */
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row__value{
display:block !important;
color:#eef3fb !important;
margin-bottom:10px !important;
flex:1 !important;
}
/* Trennlinie vor der Meta-Zeile */
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row__meta{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:6px !important;
padding:6px 0 8px !important;
border-top:1px solid rgba(255,255,255,.06) !important;
margin-top:auto !important;
}
/* Grenzwert links: dezent */
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row__limit{
color:rgba(170,195,225,.4) !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
min-width:0 !important;
}
/* Status-Text rechts: farbig aber klein und leise – kein CTA */
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row__status{
white-space:nowrap !important;
flex-shrink:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row.is-ok .pt-rule-row__status{
color:rgba(48,240,160,.85) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row.is-check .pt-rule-row__status{
color:rgba(242,211,111,.85) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row.is-missing .pt-rule-row__status{
color:rgba(170,195,225,.4) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row.is-reviewed{
border-color:rgba(125,160,205,.18) !important;
background:linear-gradient(180deg,rgba(125,160,205,.065),rgba(255,255,255,.018)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row.is-reviewed:before{
background:rgba(125,160,205,.75) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row.is-reviewed .pt-rule-row__status{
color:rgba(170,205,245,.82) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-summary{
grid-column:1/-1 !important; display:grid !important; gap:3px !important; padding:11px 13px !important; margin:0 0 8px !important; border:1px solid rgba(255,255,255,.075) !important; border-radius:14px !important; background:rgba(255,255,255,.026) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-summary strong{ color:#f0ede4 !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-rule-summary span{ color:rgba(190,210,235,.58) !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-rule-summary.is-check{ border-color:rgba(242,211,111,.20) !important; background:rgba(242,211,111,.045) !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-rule-summary.is-reviewed{ border-color:rgba(125,160,205,.18) !important; background:rgba(125,160,205,.05) !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row__actions{ grid-column:1/-1 !important; margin-top:7px !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-rule-check-btn{ appearance:none !important; border:1px solid rgba(242,211,111,.28) !important; border-radius:999px !important; background:rgba(242,211,111,.07) !important; color:#f2d36f !important; padding:6px 10px !important; cursor:pointer !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-rule-check-btn:hover{ border-color:rgba(242,211,111,.46) !important; background:rgba(242,211,111,.12) !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-rule-check-btn.is-reviewed{ border-color:rgba(125,160,205,.22) !important; background:rgba(125,160,205,.06) !important; color:rgba(185,210,245,.78) !important; }
/* R4X v1954 · Portfolio-Regeln: CTA im Sheet-Kopf statt unten */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-actions--head{
margin-top:10px !important;
padding:0 !important;
align-items:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-title .pt-ov-card-actions--head .pt-ov-action-btn{
width:auto !important;
justify-content:center !important;
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-title .pt-ov-card-actions--head .pt-ov-action-btn{
width:100% !important;
}
}
/* Mobile ≤ 480px: 1 Spalte */
@media (max-width:480px){
body[data-nav-tool="Portfolio Tracker"] .pt-rules-list{
grid-template-columns:1fr !important;
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-row{
padding:10px 12px 0 15px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal[hidden]{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal{
position:fixed !important;
inset:0 !important;
z-index:2147482500 !important;
display:grid !important;
place-items:center !important;
padding:20px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__backdrop{
position:absolute !important;
inset:0 !important;
background:rgba(0,0,0,.68) !important;
backdrop-filter:blur(10px) !important;
-webkit-backdrop-filter:blur(10px) !important;
}
/* ── PANEL: Premium-Schicht mit Goldrand oben ─────────────────────────────── */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__panel{
position:relative !important;
width:min(600px,100%) !important;
max-height:min(88vh,800px) !important;
overflow:hidden auto !important;
border-radius:24px !important;
border:1px solid rgba(242,211,111,.18) !important;
background:linear-gradient(170deg, rgba(16,24,36,.99) 0%, rgba(8,13,20,1) 100%) !important;
box-shadow:0 32px 80px rgba(0,0,0,.6), inset 0 1px 0 rgba(242,211,111,.14) !important;
padding:0 !important;
}
/* ── HEAD: goldener Akzentstreifen oben ──────────────────────────────────── */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__head{
position:sticky !important;
top:0 !important;
z-index:2 !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:12px !important;
align-items:start !important;
padding:22px 22px 18px !important;
background:linear-gradient(180deg, rgba(14,22,34,.99) 0%, rgba(12,19,30,.96) 100%) !important;
border-bottom:1px solid rgba(242,211,111,.12) !important;
box-shadow:0 1px 0 rgba(242,211,111,.08) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__head::before{
content:'' !important;
position:absolute !important;
top:0 !important; left:0 !important; right:0 !important;
height:2px !important;
background:linear-gradient(90deg, transparent, #d4af37 30%, #f2d36f 50%, #d4af37 70%, transparent) !important;
border-radius:24px 24px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__head h3{
margin:4px 0 6px !important;
color:#f0ede4 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__head p:not(.pt-kicker){
margin:0 !important;
color:rgba(200,215,235,.62) !important;
}
/* ── FORM-BODY ────────────────────────────────────────────────────────────── */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form{
display:grid !important;
gap:0 !important;
padding:18px 22px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form label{
display:grid !important;
gap:6px !important;
padding:11px 13px !important;
border:1px solid rgba(255,255,255,.065) !important;
border-radius:14px !important;
background:rgba(255,255,255,.022) !important;
transition:border-color .14s !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form label:focus-within{
border-color:rgba(242,211,111,.38) !important;
background:rgba(242,211,111,.035) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form label span{
color:#e8edf5 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form input,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form select{
width:100% !important;
min-height:40px !important;
border:1px solid rgba(242,211,111,.2) !important;
border-radius:11px !important;
background:rgba(0,0,0,.28) !important;
color:#eef3fb !important;
padding:8px 11px !important;
transition:border-color .14s !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form input:focus,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form select:focus{
outline:none !important;
border-color:rgba(242,211,111,.52) !important;
box-shadow:0 0 0 3px rgba(242,211,111,.08) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form small{
color:rgba(190,210,235,.5) !important;
}
/* ── ACTIONS: sticky Footer ──────────────────────────────────────────────── */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__actions{
position:sticky !important;
bottom:0 !important;
z-index:2 !important;
display:flex !important;
flex-wrap:wrap !important;
gap:9px !important;
padding:14px 22px calc(14px + env(safe-area-inset-bottom,0px)) !important;
background:linear-gradient(0deg, rgba(8,13,20,1) 0%, rgba(8,13,20,.94) 100%) !important;
border-top:1px solid rgba(242,211,111,.1) !important;
}
body.pt-rules-modal-open{
overflow:auto !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-overview-rules{
min-height:0 !important;
}
/* pt-rule-row mobile: handled by grid CSS in v1684 */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal{
align-items:end !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__panel{
width:100% !important;
max-height:calc(100dvh - 12px) !important;
border-radius:22px 22px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__head{
padding:18px 16px 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form{
padding:14px 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__actions{
padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)) !important;
}
}
/* R4X v1272 · Persönliche Regeln und Review-Dropdown-Kontrast */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form select{
background-color:#0b121b !important;
color:#eef3fb !important;
color-scheme:dark !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form select option{
background:#0b121b !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form select option:checked,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form select option:hover{
background:#243244 !important;
color:#ffffff !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form select:focus{
outline:2px solid rgba(242,211,111,.42) !important;
outline-offset:2px !important;
border-color:rgba(242,211,111,.46) !important;
}
/* R4X v1273 · Watchlist-Zielkurse, Snapshot-Notizen und Referenz-Cleanup */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-new-note{
display:grid !important;
gap:5px !important;
min-width:min(260px,100%) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-new-note span,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__field span{
color:rgba(205,220,240,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-new-note input,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note textarea{
width:100% !important;
border:1px solid rgba(255,255,255,.12) !important;
border-radius:12px !important;
background:rgba(3,7,18,.72) !important;
color:#edf3fb !important;
outline:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-new-note input{
min-height:40px !important;
padding:0 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note{
margin:12px 0 !important;
padding:12px !important;
border:1px solid rgba(255,255,255,.085) !important;
border-radius:14px !important;
background:rgba(255,255,255,.018) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__field{
display:grid !important;
gap:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note textarea{
min-height:64px !important;
padding:10px 11px !important;
resize:vertical !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__actions{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
margin-top:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__actions small,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-action-label{
color:rgba(205,220,240,.62) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-action-label{
display:inline-flex !important;
align-items:center !important;
min-height:30px !important;
padding:0 10px !important;
border:1px solid rgba(212,175,55,.22) !important;
border-radius:999px !important;
background:rgba(212,175,55,.075) !important;
color:#f2d36f !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-actions{
align-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__actions{
align-items:flex-start !important;
flex-direction:column !important;
}
}
/* R4X v1274 · Snapshot-Deltas und Notiz-Inszenierung korrigiert */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-wrap .pt-compare-card > .pt-delta.is-positive,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-wrap .pt-snapshot-narrative-row > .pt-delta.is-positive,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-details .pt-compare-card > .pt-delta.is-positive{
color:#2ee69a !important;
text-shadow:0 0 14px rgba(46,230,154,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-wrap .pt-compare-card > .pt-delta.is-negative,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-wrap .pt-snapshot-narrative-row > .pt-delta.is-negative,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-details .pt-compare-card > .pt-delta.is-negative{
color:#ff5967 !important;
text-shadow:0 0 14px rgba(255,89,103,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-wrap .pt-compare-card > .pt-delta.is-neutral,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-wrap .pt-snapshot-narrative-row > .pt-delta.is-neutral{
color:#cfd8e6 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note-badge{
display:inline-flex !important;
align-items:center !important;
min-height:20px !important;
margin-left:7px !important;
padding:0 8px !important;
border:1px solid rgba(155,180,210,.22) !important;
border-radius:999px !important;
background:rgba(120,150,185,.12) !important;
color:#cfe0f4 !important;
vertical-align:middle !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note{
position:relative !important;
margin:14px 0 !important;
border:1px solid rgba(170,190,215,.14) !important;
border-radius:18px !important;
background:linear-gradient(135deg, rgba(23,33,47,.96), rgba(9,14,22,.96)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 12px 28px rgba(0,0,0,.18) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note::before{
content:"" !important;
position:absolute !important;
inset:12px auto 12px 0 !important;
width:3px !important;
border-radius:999px !important;
background:linear-gradient(180deg, rgba(242,211,111,.94), rgba(136,157,186,.42)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__display{
display:flex !important;
gap:12px !important;
align-items:flex-start !important;
padding:15px 16px 15px 17px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:30px !important;
height:30px !important;
min-width:30px !important;
border:1px solid rgba(242,211,111,.24) !important;
border-radius:12px !important;
background:rgba(242,211,111,.09) !important;
font-size:.92rem !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__copy span{
display:block !important;
color:#f2d36f !important;
margin-bottom:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__copy p{
margin:0 !important;
color:#eef4fc !important;
white-space:pre-wrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__editor{
border-top:1px solid rgba(255,255,255,.075) !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__editor > summary,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note--empty > summary{
list-style:none !important;
cursor:pointer !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
padding:12px 16px 12px 17px !important;
color:#d8e5f5 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__editor > summary::-webkit-details-marker,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note--empty > summary::-webkit-details-marker{ display:none !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note--empty > summary span{
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note--empty > summary small{
flex:1 1 auto !important;
color:rgba(205,220,240,.66) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__field{
display:grid !important;
gap:7px !important;
padding:0 16px 0 17px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__field span{
color:rgba(205,220,240,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note textarea{
width:100% !important;
min-height:64px !important;
padding:9px 10px !important;
border:1px solid rgba(255,255,255,.13) !important;
border-radius:14px !important;
background:rgba(2,6,15,.78) !important;
color:#edf3fb !important;
resize:vertical !important;
outline:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note textarea:focus{
border-color:rgba(242,211,111,.42) !important;
box-shadow:0 0 0 3px rgba(242,211,111,.08) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__actions{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
padding:10px 16px 14px 17px !important;
margin-top:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__actions small{
color:rgba(205,220,240,.62) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__display{
padding:14px 14px 14px 15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note--empty > summary{
align-items:flex-start !important;
flex-direction:column !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__actions{
align-items:flex-start !important;
flex-direction:column !important;
}
}
/* R4X v1275 · Snapshot-Badges entkoppelt und Notiz oben platziert */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-meta-row{
display:flex !important;
align-items:center !important;
gap:8px !important;
flex-wrap:wrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-meta-badges{
display:inline-flex !important;
align-items:center !important;
gap:6px !important;
flex-wrap:wrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note{
margin:12px 0 14px !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary{
grid-template-columns:minmax(0,1fr) auto 28px !important;
align-items:start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-title-wrap{
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-meta-row{
align-items:flex-start !important;
flex-direction:column !important;
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-meta-badges{
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note-badge,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-badge{
margin-left:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-value-wrap{
padding-top:1px !important;
}
}
/* R4X v1276 · Snapshot-Ansicht kompakter und auf Mobile besser lesbar */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note{
border-color:rgba(242,211,111,.18) !important;
background:linear-gradient(135deg, rgba(18,27,40,.97), rgba(7,11,18,.98)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note::before{
inset:13px auto 13px 0 !important;
width:2px !important;
background:linear-gradient(180deg, rgba(242,211,111,.92), rgba(242,211,111,.20)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__display{
padding:14px 16px 13px 18px !important;
gap:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__copy span{
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__editor > summary,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note--empty > summary{
padding:11px 16px 11px 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note textarea{
min-height:68px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note-badge,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-badge{
min-height:18px !important;
padding:0 7px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-compare-card{
display:grid !important;
gap:8px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-compare-flow{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
gap:8px !important;
align-items:start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-compare-flow b{
min-width:0 !important;
color:#f2f6fc !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-compare-flow em{
color:#d6b85d !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary{
grid-template-columns:minmax(0,1fr) minmax(76px,auto) 26px !important;
gap:7px !important;
padding:10px 11px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-value-wrap strong{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-delta{
max-width:96px !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-open-hint{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note{
margin:10px 0 12px !important;
border-radius:15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__display{
padding:13px 13px 12px 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-last-snapshot,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-wrap{
padding:13px !important;
border-radius:15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-summary-grid{
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-summary-grid div{
padding:9px 10px !important;
border-radius:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare{
grid-template-columns:1fr !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-compare-card{
padding:12px 12px 11px !important;
border-radius:14px !important;
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-compare-flow{
gap:7px !important;
}
}
/* R4X v1277 · Notiz-Icon wiederhergestellt */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__display{
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:30px !important;
height:30px !important;
min-width:30px !important;
border:1px solid rgba(242,211,111,.24) !important;
border-radius:12px !important;
background:linear-gradient(135deg, rgba(242,211,111,.13), rgba(125,150,184,.10)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
font-size:.92rem !important;
line-height:1 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__display{
gap:11px !important;
padding-left:15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note__icon{
width:32px !important;
height:32px !important;
min-width:32px !important;
border-radius:10px !important;
}
}
/* R4X v1278 · Snapshot-Delta auf Mobile immer einzeilig */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary{
grid-template-columns:minmax(0,1fr) minmax(112px,auto) 26px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-value-wrap{
gap:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-delta{
display:inline-block !important;
align-self:flex-end !important;
max-width:none !important;
white-space:nowrap !important;
word-break:normal !important;
overflow-wrap:normal !important;
}
}
/* R4X v1279 · Snapshot-Finalpolish für Headerhöhe, Chevron und Kartenabstände */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list{
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item{
border-radius:16px !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary{
min-height:76px !important;
padding:9px 10px !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item[open] > summary{
border-radius:16px 16px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-title-wrap{
justify-content:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-value-wrap{
justify-content:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary i,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary i{
align-self:center !important;
justify-self:end !important;
margin:0 !important;
width:31px !important;
height:31px !important;
flex:0 0 31px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary i::before,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary i::before{
width:8px !important;
height:8px !important;
transform:rotate(45deg) translate(-1px,-1px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item[open] > summary i::before,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item[open] > summary i::before{
transform:rotate(-135deg) translate(-1px,-1px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-summary-grid,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare{
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-wrap{
margin-top:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note + .pt-last-snapshot,
body[data-nav-tool="Portfolio Tracker"] .pt-last-snapshot + .pt-snapshot-compare-wrap{
margin-top:12px !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list{
gap:11px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item{
border-radius:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary{
grid-template-columns:minmax(0,1fr) minmax(112px,auto) 29px !important;
min-height:64px !important;
padding:11px 11px 11px 12px !important;
gap:8px !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-title-wrap{
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-value-wrap{
gap:3px !important;
min-width:112px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary i,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary i{
width:29px !important;
height:29px !important;
flex-basis:29px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-summary-grid,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare{
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-summary-grid div,
body[data-nav-tool="Portfolio Tracker"] .pt-compare-card{
border-radius:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-wrap{
margin-top:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note + .pt-last-snapshot,
body[data-nav-tool="Portfolio Tracker"] .pt-last-snapshot + .pt-snapshot-compare-wrap{
margin-top:10px !important;
}
}
/* R4X v1289 · Portfolio Tracker Header und Bereichsleiste bereinigt
Ursache des Desktop-Problems: Die Tool-Bereichsleiste wurde nur unter dem oberen Shared Header positioniert.
Auf Desktop liegt darunter zusätzlich die dynamische R4X Hauptnavigation (#r4x-ecosystem-shell).
Deshalb muss die Tool-Leiste unter Header + Hauptnavigation sticky werden. */
body[data-nav-tool="Portfolio Tracker"]{
--pt-area-tabs-sticky-top:calc(var(--r4x-ecosystem-sticky-top, var(--r4x-shared-header-height,88px)) + 8px);
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero.pt-shell-head,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .r4x-tool-title-row,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-mobile-lede-tip{
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-mobile-lede-tip{
position:relative !important;
z-index:220 !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-mobile-lede-tip p{
z-index:260 !important;
max-width:min(320px, calc(100vw - 32px)) !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-head-actions{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status{
min-width:0 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
padding:8px 10px !important;
border:1px solid rgba(255,255,255,.12) !important;
border-radius:14px !important;
background:rgba(6,10,16,.50) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__copy{
min-width:0 !important;
display:grid !important;
gap:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__copy span{
color:#f2d36f !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__copy strong{
color:#f2f6fc !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__copy small{
color:rgba(205,220,240,.72) !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__btn{
flex:0 0 auto !important;
min-height:31px !important;
padding:6px 10px !important;
border:1px solid rgba(255,255,255,.32) !important;
border-radius:999px !important;
background:rgba(255,255,255,.055) !important;
color:#fff !important;
white-space:nowrap !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__btn:hover{
border-color:rgba(255,255,255,.48) !important;
background:rgba(255,255,255,.09) !important;
}
@media (min-width:981px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero.pt-shell-head{
display:grid !important;
grid-template-columns:minmax(360px,1fr) minmax(430px,520px) !important;
align-items:center !important;
gap:24px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-head-actions{
display:grid !important;
grid-template-columns:auto minmax(0,1fr) !important;
grid-template-areas:
"currency hub"
"price price" !important;
align-items:center !important;
gap:10px !important;
margin:0 !important;
justify-self:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-currency-switch{
grid-area:currency !important;
width:max-content !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link{
grid-area:hub !important;
justify-self:end !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status{
grid-area:price !important;
width:100% !important;
}
}
@media (min-width:761px) and (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero.pt-shell-head{
display:grid !important;
grid-template-columns:1fr !important;
gap:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-head-actions{
display:grid !important;
grid-template-columns:auto minmax(0,1fr) !important;
grid-template-areas:
"currency hub"
"price price" !important;
gap:10px !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-currency-switch{grid-area:currency !important;width:max-content !important;}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link{grid-area:hub !important;justify-self:end !important;}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status{grid-area:price !important;}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-head-actions{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
gap:8px !important;
align-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-currency-switch,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link{
grid-column:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status{
grid-column:1 / -1 !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
position:sticky !important;
top:var(--pt-area-tabs-sticky-top) !important;
z-index:10900 !important;
display:grid !important;
grid-template-columns:repeat(6,minmax(0,1fr)) !important;
width:100% !important;
max-width:100% !important;
margin:12px 0 14px !important;
backdrop-filter:blur(16px) !important;
-webkit-backdrop-filter:blur(16px) !important;
overflow-x:auto !important;
scrollbar-width:none !important;
transform:none !important;
left:auto !important;
right:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs::-webkit-scrollbar{display:none !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab{
min-width:0 !important;
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
grid-template-columns:repeat(6,minmax(112px,1fr)) !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"]{
--pt-area-tabs-sticky-top:calc(var(--r4x-shared-header-height,68px) + 7px);
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
grid-template-columns:repeat(6,minmax(104px,1fr)) !important;
margin-top:8px !important;
margin-bottom:10px !important;
z-index:90 !important;
}
}
/* R4X v1290 · Bereichswechsel scrollt unter Header, Hauptnavigation und Bereichsleiste */
body[data-nav-tool="Portfolio Tracker"] .pt-tool-area,
body[data-nav-tool="Portfolio Tracker"] #movement-section,
body[data-nav-tool="Portfolio Tracker"] #history-section,
body[data-nav-tool="Portfolio Tracker"] #journal-section,
body[data-nav-tool="Portfolio Tracker"] #distribution-section,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section,
body[data-nav-tool="Portfolio Tracker"] #data-section,
body[data-nav-tool="Portfolio Tracker"] #snapshot-section,
body[data-nav-tool="Portfolio Tracker"] #narrative-section{
scroll-margin-top:calc(var(--pt-area-tabs-sticky-top, 96px) + var(--pt-area-tabs-height, 56px) + 18px) !important;
}
/* R4X v1291 · Mobile Titelblock kompakter und Tooltip viewport-sicher */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero.pt-shell-head{
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .r4x-tool-title-row{
position:relative !important;
overflow:visible !important;
display:flex !important;
align-items:center !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-mobile-lede-tip{
position:relative !important;
overflow:visible !important;
z-index:800 !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-mobile-lede-tip p{
position:fixed !important;
top:132px !important;
left:16px !important;
right:16px !important;
width:auto !important;
max-width:none !important;
min-width:0 !important;
box-sizing:border-box !important;
transform:none !important;
z-index:1200 !important;
white-space:normal !important;
overflow:visible !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-head-actions{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
grid-template-areas:
"currency refresh"
"hub price" !important;
align-items:center !important;
gap:8px 10px !important;
margin-top:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-currency-switch{
grid-area:currency !important;
width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link{
grid-area:hub !important;
width:100% !important;
min-width:0 !important;
justify-self:stretch !important;
min-height:30px !important;
padding:7px 8px !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
text-align:left !important;
justify-content:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link .pt-hub-link-main{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link::after{
margin-top:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status{
display:contents !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy{
grid-area:price !important;
min-width:0 !important;
justify-self:stretch !important;
display:grid !important;
gap:1px !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy span{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy strong{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy small{
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__btn{
grid-area:refresh !important;
width:100% !important;
min-height:30px !important;
padding:7px 9px !important;
border:1px solid rgba(255,255,255,.32) !important;
border-radius:999px !important;
background:rgba(255,255,255,.055) !important;
color:#fff !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
white-space:nowrap !important;
}
}
@media (max-width:380px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-head-actions{
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__btn{
padding-left:7px !important;
padding-right:7px !important;
}
}
/* R4X v1292 · Mobile Preisstatus zentriert untereinander */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy{
text-align:center !important;
justify-items:center !important;
align-items:center !important;
align-self:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy span,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy strong,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy small{
display:block !important;
width:100% !important;
text-align:center !important;
}
}
/* R4X v1293 · Mobile CTA und Investment-Hub-Link feiner */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link:visited{
color:#ffffff !important;
text-decoration-color:#f2d36f !important;
text-decoration-thickness:1px !important;
text-underline-offset:.22em !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link .pt-hub-link-main{
color:#ffffff !important;
text-decoration:underline !important;
text-decoration-color:#f2d36f !important;
text-decoration-thickness:1px !important;
text-underline-offset:.22em !important;
}
}
/* R4X v1294 · Mobile Zeitstempel bei Preisaktualisierung nicht fett */
@media (max-width:760px){
}
/* R4X v1296 · CSS-only Restore. Preis-CTA und Zeitstempel nicht fett auf Desktop und Mobile */
/* R4X v1301 · Portfolio Tracker Modal Layering Fix
Sticky Bereichsleiste darf nie über Watchlist-/Positions-Modals liegen. */
body[data-nav-tool="Portfolio Tracker"] .pt-modal:not([hidden]){
z-index:2147482600 !important;
isolation:isolate !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal:not([hidden]) .pt-modal-backdrop{
z-index:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal:not([hidden]) .pt-modal-card{
position:relative !important;
z-index:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal:not([hidden]){
z-index:2147482600 !important;
isolation:isolate !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal:not([hidden]) .pt-rules-modal__backdrop{
z-index:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal:not([hidden]) .pt-rules-modal__panel{
position:relative !important;
z-index:1 !important;
}
/* R4X v1303 · Portfolio-Stände Plus-Kicker gold und konsistent */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-plus-card .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__intro .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-plus-section .pt-kicker{
color:#f2d36f !important;
}
/* R4X v1304 · Portfolio-Stände Layout, Mobile Stack und saubere Tab-Umrandung */
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
align-items:center !important;
overflow-x:auto !important;
overflow-y:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab{
box-sizing:border-box !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab[data-pt-tab="history"]{
min-width:148px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab.is-active{
outline:1px solid rgba(242,211,111,.34) !important;
outline-offset:-2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager{
display:grid !important;
grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr) !important;
grid-template-areas:
"status status"
"save reference"
"list list" !important;
gap:16px !important;
align-items:start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-status-row{
grid-area:status !important;
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:10px !important;
margin:0 0 2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-status-row > div{
min-width:0 !important;
padding:9px 10px !important;
border:1px solid rgba(205,220,240,.12) !important;
border-radius:13px !important;
background:rgba(255,255,255,.025) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-status-row span{
display:block !important;
margin-bottom:4px !important;
color:rgba(155,178,206,.78) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-status-row strong{
display:block !important;
color:#f4f7fb !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__save,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__reference{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__save{
grid-area:save !important;
padding:14px !important;
border:1px solid rgba(205,220,240,.13) !important;
border-radius:16px !important;
background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__save h3{
margin:0 0 6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__reference{
grid-area:reference !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__reference .pt-snapshot-reference-compare{
margin:0 !important;
min-height:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-empty{
min-height:100% !important;
padding:14px !important;
border:1px solid rgba(205,220,240,.13) !important;
border-radius:16px !important;
background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.01)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-empty h4{
margin:0 0 5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-empty p:not(.pt-kicker){
margin:0 !important;
color:rgba(205,220,240,.74) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__list{
grid-area:list !important;
min-width:0 !important;
padding-top:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list-head{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:end !important;
gap:12px !important;
margin:0 0 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list-head h3{
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list-actions{
display:flex !important;
flex-direction:column !important;
align-items:flex-end !important;
gap:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list-actions .pt-snapshot-archive-open{
margin-top:0 !important;
min-height:36px !important;
padding:8px 13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list-actions .pt-snapshot-archive-count{
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list--main{
display:grid !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list--main .pt-snapshot-item{
background:linear-gradient(180deg,rgba(72,98,130,.30),rgba(50,74,104,.20)) !important;
border-color:rgba(205,220,240,.14) !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-actions{
align-items:stretch !important;
margin-top:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-actions .pt-btn{
max-width:none !important;
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager{
grid-template-columns:1fr !important;
grid-template-areas:
"status"
"save"
"reference"
"list" !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-status-row{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
display:flex !important;
scroll-padding-inline:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab{
flex:0 0 auto !important;
min-width:104px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab[data-pt-tab="history"]{
min-width:146px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager{
padding:14px !important;
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-status-row{
grid-template-columns:1fr 1fr !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-status-row > div{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__save{
padding:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list-head{
grid-template-columns:1fr !important;
align-items:start !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list-actions{
align-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list-actions .pt-snapshot-archive-count{
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare{
padding:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__head{
grid-template-columns:1fr !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__delta{
align-items:flex-start !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__grid{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item > summary{
grid-template-columns:minmax(0,1fr) auto 30px !important;
}
}
/* R4X v1307 · Mobile Bereichsleiste mit Scroll-Peek und Fade-Kante */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
position:sticky !important;
display:flex !important;
flex-wrap:nowrap !important;
grid-template-columns:none !important;
overflow-x:auto !important;
overflow-y:visible !important;
scroll-snap-type:x proximity !important;
scroll-padding-inline:12px !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-width:none !important;
-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),rgba(0,0,0,.45) calc(100% - 15px),transparent 100%) !important;
mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),rgba(0,0,0,.45) calc(100% - 15px),transparent 100%) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs::-webkit-scrollbar{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab{
flex:0 0 auto !important;
width:auto !important;
min-width:102px !important;
max-width:none !important;
scroll-snap-align:start !important;
box-sizing:border-box !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab[data-pt-tab="history"]{
min-width:132px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab[data-pt-tab="structure"]{
min-width:104px !important;
}
}
@media (max-width:380px){
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab{
min-width:96px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab[data-pt-tab="history"]{
min-width:126px !important;
}
}
/* R4X v1308 · Mobile Bereichsleiste Scrollbarkeit deutlicher */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
position:relative !important;
display:flex !important;
flex-wrap:nowrap !important;
grid-template-columns:none !important;
overflow-x:auto !important;
overflow-y:visible !important;
scroll-snap-type:x proximity !important;
scroll-padding-inline:10px !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-width:none !important;
-webkit-mask-image:none !important;
mask-image:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs::after{
content:"›" !important;
position:sticky !important;
right:4px !important;
flex:0 0 24px !important;
align-self:stretch !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
margin-left:-24px !important;
pointer-events:none !important;
opacity:.9 !important;
border-top-right-radius:14px !important;
border-bottom-right-radius:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs::-webkit-scrollbar{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab{
flex:0 0 auto !important;
width:auto !important;
min-width:94px !important;
max-width:none !important;
scroll-snap-align:start !important;
box-sizing:border-box !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab[data-pt-tab="history"]{
min-width:116px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab[data-pt-tab="structure"]{
min-width:96px !important;
}
}
@media (max-width:380px){
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab{
min-width:88px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab[data-pt-tab="history"]{
min-width:110px !important;
}
}
/* R4X v1309 · Mobile Bereichsleiste sauberer Peek und weniger Abstand */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero.pt-shell-head{
margin-bottom:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
position:sticky !important;
display:flex !important;
flex-wrap:nowrap !important;
grid-template-columns:none !important;
overflow-x:auto !important;
overflow-y:hidden !important;
scroll-snap-type:x proximity !important;
scroll-padding-inline:8px !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-width:none !important;
margin-top:8px !important;
margin-bottom:8px !important;
-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 42px),rgba(0,0,0,.52) calc(100% - 16px),transparent 100%) !important;
mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 42px),rgba(0,0,0,.52) calc(100% - 16px),transparent 100%) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs::after{
content:none !important;
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs::-webkit-scrollbar{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab{
flex:0 0 auto !important;
width:auto !important;
min-width:92px !important;
max-width:none !important;
scroll-snap-align:start !important;
box-sizing:border-box !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab[data-pt-tab="history"]{
min-width:118px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab[data-pt-tab="structure"]{
min-width:94px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab[data-pt-tab="watchlist"]{
min-width:96px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-strip{
margin-top:6px !important;
}
}
@media (max-width:380px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero.pt-shell-head{
margin-bottom:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
margin-top:7px !important;
margin-bottom:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab{
min-width:86px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab[data-pt-tab="history"]{
min-width:112px !important;
}
}
/* R4X v1311 · Watchlist Zielkurse folgen sichtbarer Währung */
body[data-nav-tool="Portfolio Tracker"] .pt-wl-currency-hint{
margin:2px 0 4px !important;
color:rgba(205,220,240,.66) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-wl-target{
display:block !important;
white-space:normal !important;
}
/* R4X v1312 · Portfolio-Stände Typografie ruhiger */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item .pt-snapshot-title{
color:#f2d36f !important;
}
@media (max-width:760px){
}
/* R4X v1314 · Safe Layout Cleanup Portfolio-Stände */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-status-row{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager{
display:grid !important;
grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr) !important;
grid-template-areas:
"save reference"
"list list" !important;
gap:16px !important;
align-items:start !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save{
grid-area:save !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__reference{
grid-area:reference !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
grid-area:list !important;
min-width:0 !important;
margin-top:2px !important;
padding:14px !important;
border:1px solid rgba(205,220,240,.12) !important;
border-radius:16px !important;
background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.008)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:12px !important;
align-items:end !important;
margin:0 0 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head h3{
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-compare{
margin:0 !important;
min-height:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-empty{
min-height:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-actions{
align-items:flex-end !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-archive-open{
white-space:nowrap !important;
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager{
grid-template-columns:1fr !important;
grid-template-areas:
"save"
"reference"
"list" !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager{
padding:13px !important;
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
padding:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head{
grid-template-columns:1fr !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-actions{
align-items:stretch !important;
}
}
/* R4X v1315 · Drei Ebenen Portfolio-Stände klarer sichtbar */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-card--history{
margin-bottom:28px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager{
gap:20px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__reference,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
position:relative !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-card--history .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head .pt-kicker{
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-card--history .pt-kicker::before,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save .pt-kicker::before,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head .pt-kicker::before{
content:"" !important;
width:14px !important;
height:14px !important;
flex:0 0 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head .pt-kicker::before{
border-color:rgba(205,220,240,.34) !important;
background:radial-gradient(circle at 50% 50%,rgba(205,220,240,.95) 0 22%,rgba(205,220,240,.12) 23% 100%) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save{
border:1px solid rgba(242,211,111,.24) !important;
box-shadow:0 10px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save::before{
content:"" !important;
position:absolute !important;
left:0 !important;
top:18px !important;
bottom:18px !important;
width:2px !important;
border-radius:999px !important;
background:linear-gradient(180deg,rgba(242,211,111,0),rgba(242,211,111,.8),rgba(242,211,111,0)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__reference{
border:1px solid rgba(205,220,240,.14) !important;
border-radius:16px !important;
background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008)) !important;
box-shadow:0 10px 24px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__reference::before{
content:"Vergleich vorbereiten" !important;
display:block !important;
padding:14px 18px 0 !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-compare,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-empty{
border:none !important;
box-shadow:none !important;
background:transparent !important;
margin:0 !important;
padding:10px 18px 16px !important;
min-height:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
margin-top:6px !important;
border:1px solid rgba(205,220,240,.14) !important;
box-shadow:0 10px 24px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list::before{
content:"" !important;
position:absolute !important;
left:0 !important;
right:0 !important;
top:58px !important;
height:1px !important;
background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.09),rgba(255,255,255,.03)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head{
padding-bottom:10px !important;
margin-bottom:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__reference h4,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head h3,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save h3,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-card--history h3{
margin-bottom:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-hint{
margin-top:2px !important;
margin-bottom:14px !important;
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-card--history{
margin-bottom:22px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager{
gap:16px !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-card--history{
margin-bottom:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager{
gap:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__reference::before{
padding:12px 14px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-compare,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-empty{
padding:8px 14px 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list::before{
top:54px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head{
padding-bottom:8px !important;
margin-bottom:8px !important;
}
}
/* R4X v1316 · Nummerierung und störende Linie bei Stände vergleichen korrigiert */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list::before{
content:none !important;
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head{
border-bottom:none !important;
padding-bottom:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-actions .pt-snapshot-archive-count{
border-top:none !important;
}
/* R4X v1317 · Portfolio-Stände bekommt denselben Bereichskopf wie andere Tabs */
body[data-nav-tool="Portfolio Tracker"] #history-section{
padding:0 !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head{
min-height:72px !important;
padding:14px 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section #history-overview{
padding:16px 16px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section #snapshot-section{
padding:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-hero{
margin-top:0 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head{
min-height:64px !important;
padding:9px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section #history-overview{
padding:12px 12px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section #snapshot-section{
padding:12px !important;
}
}
/* R4X v1318 · Bereichsköpfe einheitlich typografieren */
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head{
min-height:72px !important;
padding:14px 18px !important;
display:flex !important;
align-items:center !important;
gap:12px !important;
box-sizing:border-box !important;
}
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-section-head-left,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head .pt-section-head-left,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head .pt-section-head-left,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-section-head-left{
display:block !important;
min-width:0 !important;
flex:1 1 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-kicker{
margin:0 0 4px !important;
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-section-title,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head .pt-section-title,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head .pt-section-title,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-section-title{
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-watchlist-title-inline,
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-count-badge,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-count-badge{
vertical-align:baseline !important;
}
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-watchlist-star{
font-size:.92em !important;
line-height:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-count-badge,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-count-badge{
margin-left:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-section-head-right,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head .pt-section-head-right,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head .pt-section-head-right,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-section-head-right{
display:flex !important;
align-items:center !important;
gap:8px !important;
flex:0 0 auto !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head{
min-height:64px !important;
padding:9px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-kicker{
margin-bottom:4px !important;
}
}
/* R4X v1320 · Bereichsköpfe exakt gleichziehen, inklusive Watchlist-Wrapper */
body[data-nav-tool="Portfolio Tracker"] #movement-section,
body[data-nav-tool="Portfolio Tracker"] #distribution-section,
body[data-nav-tool="Portfolio Tracker"] #history-section,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block{
border-radius:inherit !important;
overflow:hidden !important;
}
/* Ein gemeinsamer Header-Block für alle Tool-Bereiche */
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head{
width:100% !important;
min-height:72px !important;
padding:14px 18px !important;
box-sizing:border-box !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
cursor:default !important;
}
/* Kein anderer Hover-Look pro Bereich */
/* Linke Headerseite überall identisch */
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-section-head-left,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head .pt-section-head-left,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head .pt-section-head-left,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-section-head-left{
display:block !important;
min-width:0 !important;
flex:1 1 auto !important;
padding:0 !important;
margin:0 !important;
}
/* Kicker überall identisch */
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-kicker{
display:block !important;
margin:0 0 4px !important;
padding:0 !important;
}
/* Titel überall identisch */
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-section-title,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head .pt-section-title,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head .pt-section-title,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-section-title{
display:flex !important;
align-items:center !important;
gap:8px !important;
flex-wrap:wrap !important;
margin:0 !important;
padding:0 !important;
}
/* Watchlist-Sonderstruktur neutralisieren, aber Stern behalten */
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-watchlist-title-inline{
display:inline-flex !important;
align-items:center !important;
gap:6px !important;
margin:0 !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-watchlist-star{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:auto !important;
height:auto !important;
margin:0 !important;
padding:0 !important;
font-size:.86em !important;
line-height:1 !important;
transform:none !important;
}
/* Count-Badges identisch */
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-count-badge,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-count-badge{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:22px !important;
padding:3px 8px !important;
margin-left:2px !important;
vertical-align:middle !important;
}
/* Rechte Headerseite überall identisch */
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-section-head-right,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head .pt-section-head-right,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head .pt-section-head-right,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-section-head-right{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:8px !important;
flex:0 0 auto !important;
margin:0 !important;
padding:0 !important;
}
/* Header-Buttons einheitlich */
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-btn,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head .pt-btn,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head .pt-btn,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-btn{
white-space:nowrap !important;
}
/* Karteninhalt direkt unter Header gleich starten */
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-watchlist-block-inner,
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-limit-box,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > #distribution-chart,
body[data-nav-tool="Portfolio Tracker"] #history-section > #history-overview{
border-top:0 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head{
min-height:64px !important;
padding:9px 10px !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-kicker{
margin-bottom:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-count-badge,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-count-badge{
min-height:20px !important;
padding:3px 7px !important;
}
}
/* R4X v1321 · Watchlist-Header nutzt dieselbe Markup-Struktur wie andere Bereichsköpfe */
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-watchlist-title-inline,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head .pt-watchlist-star{
all:unset !important;
display:contents !important;
}
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head h2.pt-section-title{
display:flex !important;
align-items:center !important;
gap:8px !important;
flex-wrap:wrap !important;
margin:0 !important;
padding:0 !important;
}
/* R4X v1322 · Referenz erst prominent zeigen, wenn aktiv */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager.pt-snapshot-manager--no-reference{
grid-template-areas:
"save save"
"list list" !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager.pt-snapshot-manager--has-reference{
grid-template-areas:
"save reference"
"list list" !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-hint{
margin:2px 0 14px !important;
padding:10px 12px !important;
border:1px solid rgba(205,220,240,.14) !important;
border-radius:12px !important;
background:rgba(205,220,240,.045) !important;
color:rgba(214,226,242,.78) !important;
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager.pt-snapshot-manager--no-reference{
grid-template-areas:
"save"
"list" !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager.pt-snapshot-manager--has-reference{
grid-template-areas:
"save"
"reference"
"list" !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-hint{
margin:0 0 12px !important;
padding:9px 10px !important;
}
}
/* R4X v1323 · Portfolio-Stände finaler Polish ohne Strukturumbau */
/* Referenzhinweis nicht als vierte Funktion darstellen */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-hint{
margin:2px 0 14px !important;
padding:0 0 0 11px !important;
border:0 !important;
border-left:2px solid rgba(242,211,111,.34) !important;
border-radius:0 !important;
background:transparent !important;
color:rgba(205,220,240,.70) !important;
box-shadow:none !important;
}
/* Vergleichsbereich ruhiger, ohne seine Funktion zu verlieren */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
background:linear-gradient(180deg,rgba(255,255,255,.017),rgba(255,255,255,.006)) !important;
border-color:rgba(205,220,240,.12) !important;
box-shadow:0 8px 20px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head{
padding-bottom:7px !important;
margin-bottom:8px !important;
}
/* Gespeicherte Stände weniger schwer */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main{
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item{
background:linear-gradient(180deg,rgba(57,78,104,.25),rgba(38,58,82,.17)) !important;
border-color:rgba(205,220,240,.12) !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item[open],
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item:hover{
background:linear-gradient(180deg,rgba(62,86,114,.30),rgba(43,64,90,.20)) !important;
border-color:rgba(205,220,240,.17) !important;
}
/* CTA in der Liste sichtbar, aber weniger laut */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-open-hint{
color:#f2d36f !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-hint{
margin:0 0 12px !important;
padding-left:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main{
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head{
padding-bottom:6px !important;
margin-bottom:7px !important;
}
}
/* R4X v1324 · Portfolio-Stände Mobile Premium Polish */
@media (max-width:760px){
/* Allgemein kompakter */
body[data-nav-tool="Portfolio Tracker"] #history-section #history-overview{
padding:10px 10px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section #snapshot-section{
padding:10px !important;
}
/* 1. Verlauf auf Mobile ruhiger und kompakter */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-hero{
padding:11px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-hero .pt-kicker{
margin-bottom:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-hero h3{
margin:0 0 4px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-value em{
margin-top:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-chart{
height:118px !important;
border-radius:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid{
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid div{
padding:8px 8px 7px !important;
border-radius:10px !important;
background:rgba(255,255,255,.015) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid span{
margin-bottom:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid strong{
margin-top:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid small{
margin-top:1px !important;
}
/* Portfolio-Stände Bereich */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager{
padding:12px !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save{
padding:12px !important;
border-radius:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head .pt-kicker{
margin-bottom:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save h3,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head h3{
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-subtitle{
margin:4px 0 0 !important;
color:rgba(205,220,240,.66) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-actions{
margin-top:10px !important;
gap:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-new-note input{
min-height:42px !important;
padding:10px 12px !important;
border-radius:12px !important;
}
/* 2. Stände vergleichen kompakter und ruhiger */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
padding-top:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head{
gap:7px !important;
margin:0 0 6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-actions{
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-actions .pt-snapshot-archive-open{
min-height:40px !important;
padding:8px 12px !important;
border-radius:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-actions .pt-snapshot-archive-count{
color:rgba(205,220,240,.58) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-hint{
margin:0 0 6px !important;
color:rgba(205,220,240,.66) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-hint{
margin:0 0 10px !important;
padding-left:8px !important;
color:rgba(205,220,240,.62) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main{
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item{
border-radius:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary{
grid-template-columns:minmax(0,1fr) auto 28px !important;
gap:8px !important;
padding:11px 10px 11px 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-note-badge{
padding:2px 6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-open-hint{
margin-top:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary i{
width:28px !important;
height:28px !important;
}
}
/* R4X v1326 · Portfolio-Stände Step-Überschriften einheitlich */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-hero__copy > .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save > div > .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head .pt-kicker{
display:block !important;
margin:0 0 4px !important;
padding:0 !important;
}
/* Alte Sondermarker entfernen. Nummerierung im Text reicht und wirkt ruhiger. */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-hero__copy > .pt-kicker::before,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save > div > .pt-kicker::before,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head .pt-kicker::before{
content:none !important;
display:none !important;
}
/* Die zugehörigen Titel ebenfalls gleich gewichten */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-hero__copy h3,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save h3,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head h3{
margin:0 0 6px !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-hero__copy > .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save > div > .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head .pt-kicker{
margin-bottom:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-hero__copy h3,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save h3,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head h3{
margin-bottom:5px !important;
}
}
/* R4X v1327 · Mobile Start/Vorletzter/Letzter als kompakte Zeilen */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid div{
display:grid !important;
grid-template-columns:minmax(58px,.72fr) minmax(0,1fr) auto !important;
align-items:center !important;
column-gap:9px !important;
row-gap:0 !important;
min-height:42px !important;
padding:7px 10px !important;
border-radius:10px !important;
background:rgba(255,255,255,.014) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid div:last-child{
border-color:rgba(242,211,111,.18) !important;
background:linear-gradient(180deg,rgba(242,211,111,.035),rgba(255,255,255,.012)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid span{
margin:0 !important;
color:rgba(155,178,206,.78) !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid strong{
margin:0 !important;
color:#f4f7fb !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid small{
margin:0 !important;
color:rgba(205,220,240,.56) !important;
text-align:right !important;
white-space:nowrap !important;
}
}
@media (max-width:380px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid div{
grid-template-columns:minmax(54px,.68fr) minmax(0,1fr) auto !important;
column-gap:7px !important;
padding-left:9px !important;
padding-right:9px !important;
}
}
/* R4X v1328 · Referenzvergleich ohne doppelte Labels */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__reference::before{
content:none !important;
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-compare{
padding-top:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-compare h4{
margin-top:0 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-compare{
padding-top:12px !important;
}
}
/* R4X v1329 · Desktop Text-Schärfe und weniger verwaschene UI-Schriften */
@media (min-width:761px){
body[data-nav-tool="Portfolio Tracker"],
body[data-nav-tool="Portfolio Tracker"] #portfolio-tracker-app,
body[data-nav-tool="Portfolio Tracker"] .pt-shell,
body[data-nav-tool="Portfolio Tracker"] .pt-card,
body[data-nav-tool="Portfolio Tracker"] .pt-plus-block,
body[data-nav-tool="Portfolio Tracker"] .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] button,
body[data-nav-tool="Portfolio Tracker"] input,
body[data-nav-tool="Portfolio Tracker"] textarea,
body[data-nav-tool="Portfolio Tracker"] select{
-webkit-font-smoothing:antialiased !important;
-moz-osx-font-smoothing:grayscale !important;
text-rendering:geometricPrecision !important;
font-synthesis:none !important;
}
/* Normale UI-Texte nicht mit Glow weichzeichnen */
body[data-nav-tool="Portfolio Tracker"] .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] .pt-section-title,
body[data-nav-tool="Portfolio Tracker"] h1,
body[data-nav-tool="Portfolio Tracker"] h2,
body[data-nav-tool="Portfolio Tracker"] h3,
body[data-nav-tool="Portfolio Tracker"] h4,
body[data-nav-tool="Portfolio Tracker"] p,
body[data-nav-tool="Portfolio Tracker"] small,
body[data-nav-tool="Portfolio Tracker"] span,
body[data-nav-tool="Portfolio Tracker"] strong,
body[data-nav-tool="Portfolio Tracker"] label,
body[data-nav-tool="Portfolio Tracker"] button,
body[data-nav-tool="Portfolio Tracker"] input,
body[data-nav-tool="Portfolio Tracker"] textarea{
text-shadow:none !important;
}
/* Überschriften klarer, nicht künstlich überfettet */
/* Kicker scharf halten, ohne Glow */
body[data-nav-tool="Portfolio Tracker"] .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-title,
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid span,
body[data-nav-tool="Portfolio Tracker"] .pt-history-value span,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__grid span,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__delta span{
color:#f1d46f !important;
text-shadow:none !important;
}
/* Sekundärtexte weniger transparent, dadurch schärfer */
/* Werte schärfer und etwas weniger fett */
body[data-nav-tool="Portfolio Tracker"] .pt-history-value strong,
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid strong,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-value-wrap strong,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-status-row strong,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__grid strong,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__delta strong,
body[data-nav-tool="Portfolio Tracker"] .pt-price-cell,
body[data-nav-tool="Portfolio Tracker"] .pt-money{
color:#f8fbff !important;
text-shadow:none !important;
}
/* Buttons nicht weichglühen lassen */
/* Tabellenkopf und Tabellenwerte klarer */
body[data-nav-tool="Portfolio Tracker"] table th,
body[data-nav-tool="Portfolio Tracker"] table td,
body[data-nav-tool="Portfolio Tracker"] .pt-table-wrap th,
body[data-nav-tool="Portfolio Tracker"] .pt-table-wrap td{
text-shadow:none !important;
-webkit-font-smoothing:antialiased !important;
text-rendering:geometricPrecision !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-table-wrap th{
color:rgba(180,200,226,.82) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-table-wrap td{
color:#f4f8ff !important;
}
/* Badges und kleine Labels nicht überglühen */
body[data-nav-tool="Portfolio Tracker"] .pt-count-badge,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-note-badge,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-badge,
body[data-nav-tool="Portfolio Tracker"] .pt-history-system-badge{
text-shadow:none !important;
}
/* Vermeidet weiche subpixelige Texturen auf Verlaufskarten */
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__save,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-manager__list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-list--main .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare,
body[data-nav-tool="Portfolio Tracker"] .pt-section-head{
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
/* SVG/Chart bleibt crisp */
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart svg,
body[data-nav-tool="Portfolio Tracker"] .pt-chart svg{
shape-rendering:geometricPrecision !important;
text-rendering:geometricPrecision !important;
}
}
/* R4X v1330 · Mobile Abstand bei Stände vergleichen und Auto-Badge */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-auto-badge{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding:2px 6px !important;
border-radius:999px !important;
border:1px solid rgba(205,220,240,.18) !important;
background:rgba(205,220,240,.08) !important;
color:rgba(226,235,248,.82) !important;
white-space:nowrap !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
padding:15px 13px 13px !important;
border-radius:15px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head{
padding-left:0 !important;
padding-right:0 !important;
margin-left:0 !important;
margin-right:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head > div:first-child{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head h3{
padding-left:0 !important;
margin-left:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-meta-row{
display:flex !important;
align-items:center !important;
gap:5px !important;
flex-wrap:wrap !important;
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-meta-badges{
display:inline-flex !important;
align-items:center !important;
gap:5px !important;
flex-wrap:wrap !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-wrap{
min-width:0 !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title{
max-width:100% !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-auto-badge{
padding:2px 5px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
min-width:88px !important;
}
}
@media (max-width:380px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
padding:14px 12px 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
min-width:82px !important;
}
}
/* R4X v1331 · Mobile Stand-Titel nicht kürzen */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary{
grid-template-columns:minmax(138px,1fr) minmax(72px,auto) 28px !important;
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-wrap{
min-width:0 !important;
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title{
max-width:none !important;
overflow:visible !important;
text-overflow:clip !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
min-width:72px !important;
max-width:92px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap strong{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-delta{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-meta-row{
max-width:100% !important;
overflow:visible !important;
}
}
@media (max-width:380px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary{
grid-template-columns:minmax(128px,1fr) minmax(68px,auto) 26px !important;
gap:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
min-width:68px !important;
max-width:86px !important;
}
}
/* R4X v1332 · Klarerer Hinweis bei 2. Stände vergleichen */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-hint:empty{
display:none !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-hint{
max-width:42rem !important;
}
/* R4X v1333 · Hinweis folgt der tatsächlichen Referenzlogik */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-hint{
max-width:38rem !important;
}
/* R4X v1334 · Hinweis direkt unter 2. Stände vergleichen platzieren */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head .pt-snapshot-compare-hint{
margin:7px 0 0 !important;
max-width:36rem !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head .pt-snapshot-compare-hint{
margin:6px 0 0 !important;
}
}
/* R4X v1337 · Geöffnete Portfolio-Stände kompakter und ohne doppelte Wertblöcke */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:8px 14px !important;
margin:12px 0 !important;
padding:12px 14px !important;
border:1px solid rgba(205,220,240,.12) !important;
border-radius:14px !important;
background:rgba(255,255,255,.014) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact p{
margin:0 !important;
min-width:0 !important;
color:rgba(205,220,240,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact span{
color:rgba(205,220,240,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact strong{
color:#f7f9fc !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact p:first-child{
grid-column:1 / -1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact p:first-child span{
margin-right:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact p:nth-child(2){
grid-column:1 / -1 !important;
display:flex !important;
flex-wrap:wrap !important;
gap:6px 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact p:nth-child(3),
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact p:nth-child(4){
display:grid !important;
gap:2px !important;
}
/* Vergleichskarten kompakter, unveränderte Werte nicht doppelt anzeigen */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare{
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card{
padding:12px 14px !important;
border-radius:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card > span{
color:rgba(205,220,240,.76) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-flow{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
align-items:center !important;
gap:10px !important;
margin-top:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-flow b{
color:#f7f9fc !important;
min-width:0 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-flow b:last-child{
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-flow em{
color:#f2d36f !important;
opacity:.82 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--unchanged .pt-compare-flow{
grid-template-columns:1fr !important;
margin-top:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--unchanged .pt-compare-flow b{
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-unchanged{
display:block !important;
margin-top:5px !important;
color:rgba(205,220,240,.58) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--unchanged .pt-delta,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--unchanged .pt-trend{
display:none !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact{
grid-template-columns:1fr !important;
gap:6px !important;
margin:10px 0 !important;
padding:10px 11px !important;
border-radius:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact p:nth-child(2){
gap:5px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare{
grid-template-columns:1fr !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card{
padding:10px 11px !important;
border-radius:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-flow{
gap:8px !important;
margin-top:7px !important;
}
}
/* R4X v1338 · Geöffnete Stand-Zusammenfassung als schlanke Zeilen */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact{
display:grid !important;
grid-template-columns:1fr !important;
gap:6px !important;
margin:10px 0 12px !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact p,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact .pt-snapshot-summary-line{
margin:0 !important;
min-width:0 !important;
display:flex !important;
flex-wrap:wrap !important;
gap:5px 8px !important;
align-items:baseline !important;
color:rgba(205,220,240,.70) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact p:first-child{
grid-column:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact p:nth-child(2){
grid-column:auto !important;
display:flex !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact span{
color:rgba(205,220,240,.70) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact strong{
color:#f7f9fc !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact .pt-snapshot-summary-line:first-child span + span::before{
content:"·";
margin-right:8px;
color:rgba(205,220,240,.42);
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact{
margin:9px 0 10px !important;
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact p,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact .pt-snapshot-summary-line{
gap:4px 7px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-compact .pt-snapshot-summary-line:first-child span + span::before{
margin-right:7px;
}
}
/* R4X v1339 · Vergleichsansicht nach Ergebnis, Struktur und Narrative gruppiert */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-wrap{
display:grid !important;
gap:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-wrap > h4{
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section{
display:grid !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section > h5{
margin:0 !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--result .pt-snapshot-compare{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--structure .pt-snapshot-compare{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--structure .pt-compare-card{
padding:10px 12px !important;
border-radius:12px !important;
background:rgba(255,255,255,.011) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--result .pt-compare-card{
background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.01)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--asset .pt-compare-asset-name{
display:block !important;
margin-top:5px !important;
color:#f7f9fc !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--structure .pt-compare-flow{
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-narratives-list{
display:grid !important;
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-narrative-row{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto auto !important;
gap:10px !important;
align-items:center !important;
padding:9px 11px !important;
border:1px solid rgba(205,220,240,.10) !important;
border-radius:10px !important;
background:rgba(255,255,255,.010) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-narrative-row span{
min-width:0 !important;
color:#f7f9fc !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-narrative-row b{
white-space:nowrap !important;
color:#f7f9fc !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-narrative-row .pt-delta{
white-space:nowrap !important;
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--structure .pt-snapshot-compare{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-wrap{
gap:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section{
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--result .pt-snapshot-compare,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--structure .pt-snapshot-compare{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--structure .pt-compare-card{
padding:9px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-narrative-row{
grid-template-columns:1fr !important;
gap:2px !important;
padding:9px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-narrative-row b,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-narrative-row .pt-delta{
justify-self:start !important;
}
}
/* R4X v1340 · Portfolio-Stände Premium Compare Desktop/Mobile */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-status-row{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager{
display:block !important;
width:100% !important;
padding:0 !important;
border:1px solid rgba(185,205,230,.12) !important;
border-radius:24px !important;
background:linear-gradient(180deg,rgba(10,18,30,.78),rgba(4,9,16,.92)) !important;
box-shadow:0 18px 52px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save{
margin:0 !important;
padding:22px 24px !important;
border:0 !important;
border-bottom:1px solid rgba(205,220,240,.10) !important;
border-radius:0 !important;
background:linear-gradient(135deg,rgba(17,27,42,.70),rgba(8,13,22,.92)) !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(280px,360px) !important;
gap:22px !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save h3,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head h3{
margin:3px 0 0 !important;
color:#f7f9fc !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-subtitle,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-hint{
color:rgba(211,224,241,.78) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-actions{
align-items:stretch !important;
justify-content:flex-end !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-actions .pt-btn{
max-width:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
padding:24px !important;
display:grid !important;
gap:20px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head{
display:flex !important;
align-items:flex-end !important;
justify-content:space-between !important;
gap:24px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head > div:first-child{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-actions{
display:flex !important;
flex-direction:column-reverse !important;
align-items:flex-end !important;
gap:8px !important;
flex:0 0 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-archive-count{
margin:0 !important;
color:rgba(211,224,241,.72) !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-archive-open{
min-height:42px !important;
padding:0 17px !important;
border:1px solid rgba(242,211,111,.38) !important;
border-radius:14px !important;
background:linear-gradient(180deg,rgba(242,211,111,.10),rgba(242,211,111,.035)) !important;
color:#ffe587 !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 26px rgba(0,0,0,.22) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list{
display:grid !important;
gap:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item{
border:1px solid rgba(165,190,220,.18) !important;
border-radius:22px !important;
background:linear-gradient(145deg,rgba(26,42,62,.94),rgba(8,14,23,.97)) !important;
box-shadow:0 18px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item[open]{
border-color:rgba(176,203,235,.28) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary{
position:relative !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) auto 34px !important;
gap:18px !important;
align-items:center !important;
padding:22px 24px !important;
min-height:100px !important;
border:0 !important;
background:linear-gradient(135deg,rgba(34,52,74,.78),rgba(15,25,39,.88)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item[open] > summary{
border-bottom:1px solid rgba(205,220,240,.14) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-line{
display:flex !important;
align-items:center !important;
gap:14px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-icon{
width:42px !important;
height:42px !important;
min-width:42px !important;
border-radius:13px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(242,211,111,.38) !important;
background:linear-gradient(180deg,rgba(242,211,111,.16),rgba(242,211,111,.055)) !important;
color:#f2d36f !important;
font-size:1.02rem !important;
box-shadow:0 0 0 1px rgba(242,211,111,.045), 0 10px 24px rgba(0,0,0,.20) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title{
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-meta-row{
margin:6px 0 0 56px !important;
color:rgba(222,233,246,.88) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
align-items:flex-end !important;
gap:5px !important;
text-align:right !important;
min-width:178px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap strong{
color:#ffffff !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-open-hint{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:36px !important;
margin-top:4px !important;
padding:0 14px !important;
border:1px solid rgba(242,211,111,.38) !important;
border-radius:12px !important;
background:rgba(242,211,111,.06) !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary i{
width:32px !important;
height:32px !important;
flex:0 0 32px !important;
border-radius:999px !important;
border:1px solid rgba(222,234,248,.26) !important;
background:rgba(255,255,255,.06) !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:0 !important;
margin:0 !important;
padding:16px 22px !important;
border:0 !important;
border-bottom:1px solid rgba(205,220,240,.12) !important;
border-radius:0 !important;
background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric{
display:flex !important;
align-items:center !important;
gap:11px !important;
min-width:0 !important;
padding:4px 16px !important;
border-right:1px solid rgba(205,220,240,.12) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:first-child{ padding-left:0 !important; }
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:last-child{ border-right:0 !important; padding-right:0 !important; }
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:30px !important;
height:30px !important;
min-width:30px !important;
border-radius:999px !important;
border:1px solid rgba(242,211,111,.30) !important;
background:rgba(242,211,111,.075) !important;
color:#f2d36f !important;
font-size:.84rem !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-copy{
display:grid !important;
gap:2px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-copy small{
color:rgba(205,220,240,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-copy strong{
color:#f7f9fc !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-note{
margin:16px 22px !important;
border-radius:16px !important;
background:linear-gradient(135deg,rgba(8,14,22,.96),rgba(4,8,14,.98)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-note--empty > summary{
min-height:52px !important;
align-items:center !important;
flex-direction:row !important;
padding:13px 16px 13px 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-wrap{
display:grid !important;
gap:20px !important;
margin:0 22px 22px !important;
padding:20px 20px 22px !important;
border:1px solid rgba(205,220,240,.12) !important;
border-radius:18px !important;
background:linear-gradient(180deg,rgba(3,8,15,.88),rgba(3,7,13,.96)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-wrap > h4{
margin:0 !important;
color:#f7f9fc !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section{
display:grid !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section > h5{
position:relative !important;
margin:0 !important;
padding-left:10px !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section > h5::before{
content:"" !important;
position:absolute !important;
left:0 !important;
top:1px !important;
bottom:1px !important;
width:2px !important;
border-radius:999px !important;
background:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--result .pt-snapshot-compare{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--structure .pt-snapshot-compare{
grid-template-columns:repeat(5,minmax(0,1fr)) !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card{
position:relative !important;
min-width:0 !important;
padding:15px 15px 14px 52px !important;
border:1px solid rgba(169,193,224,.13) !important;
border-radius:15px !important;
background:linear-gradient(145deg,rgba(19,32,49,.86),rgba(9,15,24,.96)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 8px 20px rgba(0,0,0,.16) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--primary{
padding:17px 18px 15px 62px !important;
border-color:rgba(160,190,226,.22) !important;
background:linear-gradient(145deg,rgba(24,43,66,.96),rgba(10,18,29,.98)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card > .pt-compare-icon,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--asset::before,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--stable::before{
position:absolute !important;
left:15px !important;
top:15px !important;
width:30px !important;
height:30px !important;
border-radius:999px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(242,211,111,.28) !important;
background:rgba(242,211,111,.075) !important;
color:#f2d36f !important;
font-size:.82rem !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--asset::before{ content:"★" !important; }
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--stable::before{ content:"$" !important; }
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card > span{
display:block !important;
color:rgba(204,220,240,.80) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-flow{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
align-items:center !important;
gap:12px !important;
margin-top:11px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-flow--same{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-side{
display:grid !important;
gap:2px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-side:last-child{
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-side small{
color:rgba(205,220,240,.54) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-flow b{
color:#f7f9fc !important;
min-width:0 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-flow em{
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card > .pt-delta{
display:block !important;
margin-top:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--unchanged .pt-compare-flow b{
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-unchanged{
display:block !important;
margin-top:6px !important;
color:rgba(205,220,240,.58) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--asset .pt-compare-asset-name{
display:block !important;
margin-top:6px !important;
color:#ffffff !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--structure .pt-compare-flow{
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-more-metrics{
border:1px solid rgba(205,220,240,.10) !important;
border-radius:14px !important;
background:rgba(255,255,255,.012) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-more-metrics > summary{
list-style:none !important;
cursor:pointer !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
padding:12px 14px !important;
color:#d7e5f5 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-more-metrics > summary::-webkit-details-marker{ display:none !important; }
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-more-metrics[open] > summary{
border-bottom:1px solid rgba(205,220,240,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-more-metrics > .pt-snapshot-compare{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:10px !important;
padding:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-insights{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:0 !important;
border:1px solid rgba(205,220,240,.11) !important;
border-radius:16px !important;
background:linear-gradient(145deg,rgba(19,32,49,.72),rgba(8,14,23,.95)) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-insight{
display:flex !important;
align-items:center !important;
gap:12px !important;
min-width:0 !important;
padding:14px 16px !important;
border-right:1px solid rgba(205,220,240,.11) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-insight:last-child{ border-right:0 !important; }
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-insight-icon{
width:32px !important;
height:32px !important;
min-width:32px !important;
border-radius:999px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(242,211,111,.30) !important;
background:rgba(242,211,111,.075) !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-insight.is-positive .pt-snapshot-insight-icon{
border-color:rgba(46,230,154,.32) !important;
background:rgba(46,230,154,.08) !important;
color:#2ee69a !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-insight strong{
display:block !important;
color:#f7f9fc !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-insight small{
display:block !important;
margin-top:4px !important;
color:rgba(205,220,240,.68) !important;
}
@media (max-width:1180px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--structure .pt-snapshot-compare{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:nth-child(2){ border-right:0 !important; }
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:nth-child(n+3){ border-top:1px solid rgba(205,220,240,.10) !important; padding-top:12px !important; margin-top:8px !important; }
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager{
border-radius:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save{
grid-template-columns:1fr !important;
gap:14px !important;
padding:17px 15px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
padding:17px 14px 18px !important;
gap:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head{
flex-direction:column !important;
align-items:stretch !important;
gap:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-actions{
align-items:stretch !important;
flex-direction:column !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-archive-count{
white-space:normal !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-archive-open{
width:100% !important;
min-height:46px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item{
border-radius:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary{
grid-template-columns:minmax(0,1fr) auto 30px !important;
gap:10px !important;
min-height:0 !important;
padding:17px 15px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-line{
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-icon{
width:36px !important;
height:36px !important;
min-width:36px !important;
border-radius:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-meta-row{
margin:5px 0 0 46px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
min-width:96px !important;
gap:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-open-hint{
min-height:30px !important;
padding:0 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
padding:9px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric{
padding:8px 8px !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:nth-child(2n){ border-right:0 !important; }
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:nth-child(n+3){ border-top:1px solid rgba(205,220,240,.10) !important; }
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-icon{
width:28px !important;
height:28px !important;
min-width:28px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-note{
margin:13px 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-note--empty > summary{
align-items:flex-start !important;
flex-direction:column !important;
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-wrap{
margin:0 14px 14px !important;
padding:16px 13px 15px !important;
gap:16px !important;
border-radius:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--result .pt-snapshot-compare,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--structure .pt-snapshot-compare,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-more-metrics > .pt-snapshot-compare{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--primary{
padding:12px 10px 11px 42px !important;
border-radius:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card > .pt-compare-icon,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--asset::before,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--stable::before{
left:10px !important;
top:12px !important;
width:24px !important;
height:24px !important;
font-size:.62rem !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-flow{
gap:6px !important;
margin-top:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card > .pt-delta{
margin-top:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-insights{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-insight{
border-right:0 !important;
border-bottom:1px solid rgba(205,220,240,.10) !important;
padding:12px 13px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-insight:last-child{ border-bottom:0 !important; }
}
@media (max-width:390px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary{
grid-template-columns:minmax(0,1fr) 30px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
grid-column:1 / -1 !important;
align-items:flex-start !important;
text-align:left !important;
margin-left:46px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--result .pt-snapshot-compare,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-section--structure .pt-snapshot-compare,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-more-metrics > .pt-snapshot-compare{
grid-template-columns:1fr !important;
}
}
/* R4X v1341 Portfolio-Stände Cleanup */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary{
gap:14px !important;
padding:20px 22px !important;
min-height:92px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
gap:2px !important;
min-width:160px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-open-hint{
min-height:30px !important;
padding:0 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-grid{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric{
align-items:flex-start !important;
padding:8px 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-copy{
gap:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-copy strong{
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-copy em{
display:block !important;
margin-top:2px !important;
color:rgba(205,220,240,.68) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-flow b,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--primary .pt-compare-flow b{
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-compare-card--asset .pt-compare-asset-name{
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary{
grid-template-columns:1fr !important;
gap:14px !important;
align-items:start !important;
min-height:0 !important;
padding:18px 16px 16px !important;
padding-right:58px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary i{
position:absolute !important;
top:50% !important;
right:16px !important;
transform:translateY(-50%) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-wrap{
display:grid !important;
gap:7px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-line{
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-meta-row{
margin:0 0 0 48px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
min-width:0 !important;
align-items:flex-start !important;
text-align:left !important;
margin-left:48px !important;
gap:5px !important;
padding-right:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-open-hint{
align-self:flex-start !important;
margin-top:6px !important;
min-height:30px !important;
padding:0 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
padding:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric{
align-items:flex-start !important;
gap:8px !important;
padding:10px 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-icon{
width:26px !important;
height:26px !important;
min-width:26px !important;
}
}
@media (max-width:390px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary{
grid-template-columns:1fr !important;
padding-right:56px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
grid-column:auto !important;
margin-left:48px !important;
align-items:flex-start !important;
text-align:left !important;
}
}
/* R4X v1342 Portfolio-Stände Compact Cleanup */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-grid{
gap:10px !important;
padding:14px 18px !important;
background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric{
padding:10px 12px !important;
border-right:0 !important;
border-radius:14px !important;
background:rgba(255,255,255,.035) !important;
border:1px solid rgba(205,220,240,.08) !important;
align-items:flex-start !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-copy strong{
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-copy em{
display:block !important;
margin-top:2px !important;
color:rgba(205,220,240,.68) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-stat-list{
display:grid !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row{
display:grid !important;
grid-template-columns:minmax(0,1.4fr) minmax(180px,.9fr) minmax(120px,.6fr) !important;
align-items:center !important;
gap:14px !important;
padding:12px 14px !important;
border:1px solid rgba(205,220,240,.09) !important;
border-radius:14px !important;
background:rgba(255,255,255,.028) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-label{
display:flex !important;
align-items:flex-start !important;
gap:10px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-icon{
width:28px !important;
height:28px !important;
min-width:28px !important;
border-radius:999px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(242,211,111,.28) !important;
background:rgba(242,211,111,.075) !important;
color:#f2d36f !important;
font-size:.78rem !important;
margin-top:1px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-copy{
display:grid !important;
gap:2px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-copy small{
color:rgba(205,220,240,.74) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-copy strong{
color:#f7f9fc !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-value{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:10px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-value--same{ gap:0 !important; }
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-value b{
color:#f7f9fc !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-value em{
color:#f2d36f !important;
flex:0 0 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-delta{
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
min-width:0 !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-delta .pt-delta{
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-note{
color:rgba(205,220,240,.62) !important;
}
@media (max-width:1180px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row{
grid-template-columns:minmax(0,1.2fr) minmax(150px,.9fr) minmax(110px,.55fr) !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
padding:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric{
padding:10px !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-icon{
width:26px !important;
height:26px !important;
min-width:26px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row{
grid-template-columns:1fr !important;
gap:8px !important;
padding:12px 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-value,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-delta{
padding-left:38px !important;
justify-content:flex-start !important;
text-align:left !important;
}
}
/* R4X v1343 Snapshot tile edge hotfix */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-grid{
padding:12px 14px !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:first-child,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:last-child,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:nth-child(2),
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:nth-child(n+3){
padding:10px 12px !important;
margin-top:0 !important;
border-right:0 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-grid{
padding:12px !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:first-child,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:last-child,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:nth-child(2),
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:nth-child(n+3){
padding:10px 12px !important;
margin-top:0 !important;
}
}
/* R4X v1344 Snapshot format + winner icon polish */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save{
border:1px solid rgba(205,220,240,.10) !important;
border-radius:18px !important;
background:linear-gradient(180deg,rgba(14,22,34,.88),rgba(8,14,23,.96)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
margin-top:16px !important;
border-top:1px solid rgba(205,220,240,.10) !important;
padding-top:20px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save h3,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save .pt-snapshot-subtitle{
max-width:unset !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-grid{
padding:14px 16px !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:first-child,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:last-child,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:nth-child(2),
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:nth-child(n+3){
padding:10px 14px !important;
margin-top:0 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
margin-top:14px !important;
padding-top:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-grid{
padding:12px 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:first-child,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:last-child,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:nth-child(2),
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-metric:nth-child(n+3){
padding:10px 12px !important;
}
}
/* R4X v1345 Snapshot currency + top-position icon fix */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-currency-badge{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:20px !important;
padding:0 7px !important;
border:1px solid rgba(205,220,240,.16) !important;
border-radius:999px !important;
background:rgba(255,255,255,.045) !important;
color:rgba(221,232,247,.82) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-delta.is-neutral{
color:rgba(205,220,240,.66) !important;
}
/* R4X v1346 Snapshot block harmonize + mobile cleanup */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager{
display:grid !important;
gap:18px !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__reference{
min-width:0 !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:16px !important;
background:
radial-gradient(320px 120px at 88% 0%, rgba(212,175,55,.08), transparent 64%),
linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012)) !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save::before,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list::before,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__reference::before{
display:none !important;
content:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save{
margin:0 !important;
padding:18px 18px 18px 20px !important;
border-bottom:1px solid rgba(255,255,255,.075) !important;
grid-template-columns:minmax(0,1fr) minmax(280px,360px) !important;
gap:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
margin-top:0 !important;
padding:18px !important;
padding-top:18px !important;
border-top:1px solid rgba(255,255,255,.075) !important;
gap:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head{
align-items:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-icon,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-icon{
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-icon{ font-size:.86rem !important; }
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-icon{ font-size:.8rem !important; }
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager{
gap:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__reference{
border-radius:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save{
grid-template-columns:1fr !important;
gap:14px !important;
padding:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
padding:16px !important;
gap:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary{
grid-template-columns:minmax(0,1fr) 32px !important;
grid-template-areas:
"title chevron"
"value chevron" !important;
gap:12px !important;
align-items:start !important;
padding:16px !important;
min-height:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-wrap{
grid-area:title !important;
display:grid !important;
gap:8px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-line{
gap:12px !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-icon{
width:38px !important;
height:38px !important;
min-width:38px !important;
border-radius:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-meta-row{
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
gap:6px 8px !important;
margin:0 0 0 50px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-currency-badge{
min-height:18px !important;
padding:0 6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
grid-area:value !important;
min-width:0 !important;
margin-left:50px !important;
align-items:flex-start !important;
text-align:left !important;
gap:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-open-hint{
min-height:32px !important;
margin-top:4px !important;
padding:0 12px !important;
align-self:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary i{
grid-area:chevron !important;
position:static !important;
transform:none !important;
align-self:center !important;
justify-self:end !important;
}
}
@media (max-width:390px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary{
grid-template-columns:minmax(0,1fr) 30px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-meta-row,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
margin-left:46px !important;
}
}
/* R4X v1347 Snapshot final polish: section harmony, archive icon, mobile card order */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager{
display:grid !important;
gap:18px !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__reference{
min-width:0 !important;
padding:14px !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:16px !important;
background:
radial-gradient(320px 120px at 88% 0%, rgba(212,175,55,.08), transparent 64%),
linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012)) !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save::before,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list::before,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__reference::before{
content:none !important;
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(280px,360px) !important;
align-items:center !important;
gap:18px !important;
margin:0 !important;
border-bottom:1px solid rgba(255,255,255,.075) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list{
display:grid !important;
gap:18px !important;
margin:0 !important;
padding:14px !important;
padding-top:14px !important;
border-top:1px solid rgba(255,255,255,.075) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head{
display:flex !important;
justify-content:space-between !important;
align-items:flex-start !important;
gap:10px !important;
margin:0 0 2px !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head .pt-kicker{
margin:0 0 3px !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save .pt-kicker::before,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head .pt-kicker::before{
content:none !important;
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save h3,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head h3{
margin:0 !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-subtitle,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-compare-hint{
margin:4px 0 0 !important;
color:rgba(205,220,240,.78) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-actions{
display:flex !important;
flex-direction:column-reverse !important;
align-items:flex-end !important;
gap:8px !important;
flex:0 0 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-archive-open{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
min-height:38px !important;
margin:0 !important;
padding:0 15px !important;
border-radius:13px !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-archive-open__icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:14px !important;
height:14px !important;
color:#f2d36f !important;
font-size:.92rem !important;
line-height:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-icon,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-icon{
color:#f2d36f !important;
border-color:rgba(242,211,111,.36) !important;
background:rgba(242,211,111,.105) !important;
opacity:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-summary-icon{
font-size:.82rem !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-stat-row-icon{
font-size:.76rem !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager{
gap:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__list,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__reference{
padding:14px !important;
border-radius:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-manager__save{
grid-template-columns:1fr !important;
gap:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-head{
flex-direction:column !important;
align-items:stretch !important;
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list-actions{
align-items:stretch !important;
flex-direction:column-reverse !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-archive-open{
width:100% !important;
min-height:42px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-archive-count{
text-align:left !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary{
display:grid !important;
grid-template-columns:minmax(0,1fr) 32px !important;
grid-template-areas:
"title chevron"
"value chevron" !important;
align-items:center !important;
gap:12px !important;
min-height:0 !important;
padding:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-wrap{
grid-area:title !important;
display:grid !important;
gap:7px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-line{
display:flex !important;
align-items:center !important;
gap:12px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-icon{
width:38px !important;
height:38px !important;
min-width:38px !important;
border-radius:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-meta-row{
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
gap:6px 8px !important;
margin:0 0 0 50px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
grid-area:value !important;
min-width:0 !important;
margin-left:50px !important;
align-items:flex-start !important;
text-align:left !important;
gap:5px !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-open-hint{
display:inline-flex !important;
align-self:flex-start !important;
min-width:118px !important;
min-height:32px !important;
margin-top:5px !important;
padding:0 12px !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary i{
grid-area:chevron !important;
position:static !important;
transform:none !important;
align-self:center !important;
justify-self:end !important;
}
}
@media (max-width:390px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-meta-row,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
margin-left:46px !important;
}
}
/* R4X v1349 Mobile Snapshot Card Spacing Fix */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item{
border-radius:17px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(116px,auto) 32px !important;
grid-template-areas:"title value chevron" !important;
align-items:start !important;
column-gap:14px !important;
row-gap:0 !important;
min-height:0 !important;
padding:16px 14px 16px 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-wrap{
grid-area:title !important;
display:grid !important;
gap:9px !important;
min-width:0 !important;
padding-right:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-line{
display:flex !important;
align-items:center !important;
gap:11px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-icon{
width:38px !important;
height:38px !important;
min-width:38px !important;
border-radius:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title{
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-meta-row{
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
gap:6px 8px !important;
margin:0 0 0 49px !important;
padding-right:10px !important;
color:rgba(222,233,246,.82) !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-currency-badge{
min-height:18px !important;
padding:0 6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
grid-area:value !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-end !important;
justify-content:flex-start !important;
min-width:116px !important;
margin:0 !important;
padding:2px 0 0 !important;
gap:5px !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-delta{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-open-hint{
min-width:0 !important;
min-height:30px !important;
margin-top:7px !important;
padding:0 10px !important;
align-self:flex-end !important;
border-radius:10px !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary i{
grid-area:chevron !important;
position:static !important;
transform:none !important;
align-self:center !important;
justify-self:end !important;
width:32px !important;
height:32px !important;
flex:0 0 32px !important;
}
}
@media (max-width:390px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-item > summary{
grid-template-columns:minmax(0,1fr) minmax(104px,auto) 30px !important;
column-gap:10px !important;
padding:15px 12px 15px 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-icon{
width:36px !important;
height:36px !important;
min-width:36px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-title-line{
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-meta-row{
margin-left:46px !important;
padding-right:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-value-wrap{
min-width:104px !important;
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-open-hint{
min-height:29px !important;
margin-top:8px !important;
padding:0 9px !important;
}
}
/* R4X v1350 Archive overlay mobile cleanup */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
padding:16px 12px 96px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list{
gap:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item{
margin:0 0 10px !important;
border-radius:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary{
display:grid !important;
grid-template-columns:minmax(0,1fr) 32px !important;
grid-template-areas:
"actions chevron"
"title title"
"value value" !important;
gap:12px !important;
align-items:start !important;
padding:14px !important;
min-height:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-row-actions{
grid-area:actions !important;
display:flex !important;
flex-wrap:wrap !important;
justify-content:flex-start !important;
align-items:center !important;
gap:8px !important;
margin:0 !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary i{
grid-area:chevron !important;
position:static !important;
align-self:start !important;
justify-self:end !important;
width:32px !important;
height:32px !important;
flex:0 0 32px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-title-wrap{
grid-area:title !important;
display:grid !important;
gap:7px !important;
min-width:0 !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-title{
display:block !important;
color:#f2d36f !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-meta-row{
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
gap:6px 8px !important;
margin:0 !important;
padding:0 !important;
color:rgba(222,233,246,.82) !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-value-wrap{
grid-area:value !important;
display:grid !important;
gap:2px !important;
min-width:0 !important;
margin:0 !important;
padding:0 !important;
align-items:start !important;
justify-items:start !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-value-wrap strong{
color:#fff !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-delta{
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-action,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-action-label{
min-height:32px !important;
padding:0 11px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
}
}
@media (max-width:390px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary{
padding:13px !important;
gap:11px !important;
}
}
/* R4X v1351 Archive mobile compact cleanup */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
padding:16px 12px 96px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list{
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-group{
display:grid !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-group h4{
margin:12px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item{
margin:0 !important;
border-radius:15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(104px,auto) 32px !important;
grid-template-areas:
"title value chevron"
"actions actions actions" !important;
align-items:start !important;
column-gap:12px !important;
row-gap:12px !important;
min-height:0 !important;
padding:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-title-wrap{
grid-area:title !important;
display:grid !important;
gap:7px !important;
min-width:0 !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-title{
display:block !important;
color:#f2d36f !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-meta-row{
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
gap:5px 7px !important;
margin:0 !important;
padding:0 !important;
color:rgba(222,233,246,.82) !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-value-wrap{
grid-area:value !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-end !important;
justify-content:flex-start !important;
min-width:104px !important;
margin:0 !important;
padding:2px 0 0 !important;
gap:2px !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-value-wrap strong{
color:#fff !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-delta{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-row-actions{
grid-area:actions !important;
display:flex !important;
flex-wrap:wrap !important;
justify-content:flex-start !important;
align-items:center !important;
gap:7px !important;
margin:0 !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-action,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-action-label{
min-height:30px !important;
padding:0 10px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary i{
grid-area:chevron !important;
position:static !important;
align-self:start !important;
justify-self:end !important;
width:32px !important;
height:32px !important;
flex:0 0 32px !important;
}
}
@media (max-width:390px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item > summary{
grid-template-columns:minmax(0,1fr) minmax(96px,auto) 30px !important;
column-gap:9px !important;
row-gap:11px !important;
padding:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-snapshot-value-wrap{
min-width:96px !important;
}
}
/* R4X v1401 · Steuerland, Haltedauer und eigene Regelnotiz */
html body .pt-tax-pill--neutral {
background: rgba(255,255,255,0.035) !important;
border-color: rgba(205,220,240,0.18) !important;
color: rgba(225,232,245,0.82) !important;
}
html body .pt-tax-pill[data-pt-tax-detail] {
cursor: pointer !important;
}
html body .pt-tax-pill[data-pt-tax-detail]:hover,
html body .pt-tax-pill[data-pt-tax-detail].is-open {
background: rgba(212,175,55,0.11) !important;
border-color: rgba(212,175,55,0.46) !important;
color: #f2d36f !important;
}
html body .pt-tax-detail {
grid-column: 1 / -1 !important;
margin-top: 8px !important;
padding: 10px 13px !important;
background: rgba(212,175,55,0.045) !important;
border-left: 2px solid rgba(212,175,55,0.42) !important;
border-radius: 0 6px 6px 0 !important;
}
html body .pt-tax-detail .pt-kicker {
color: #f2d36f !important;
margin: 0 0 3px !important;
}
html body .pt-tax-detail p {
margin: 0 !important;
color: rgba(225,232,245,0.86) !important;
}
html body .pt-tax-detail__link {
display: inline-flex !important;
margin-top: 7px !important;
color: #f2d36f !important;
text-decoration: underline !important;
text-underline-offset: .25em !important;
text-decoration-color: rgba(212,175,55,.42) !important;
}
html body .pt-tax-detail--mobile {
margin-top: 8px !important;
margin-bottom: 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form textarea {
width:100% !important;
border:1px solid rgba(242,211,111,.24) !important;
border-radius:12px !important;
background:rgba(0,0,0,.24) !important;
color:#eef3fb !important;
padding:9px 10px !important;
color-scheme:dark !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form textarea {
min-height:64px !important;
resize:vertical !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-note {
margin-top:10px !important;
padding:9px 10px !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:13px !important;
background:rgba(255,255,255,.018) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-note span {
display:block !important;
margin-bottom:4px !important;
color:rgba(205,220,240,.54) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-note p {
margin:0 !important;
color:rgba(238,243,251,.90) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-note--empty p {
color:rgba(205,220,240,.56) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal select,
body[data-nav-tool="Portfolio Tracker"] #position-modal input[type="date"]{
color:#f4f7fb !important;
background:#071018 !important;
border-color:rgba(242,211,111,.22) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal select:focus,
body[data-nav-tool="Portfolio Tracker"] #position-modal input[type="date"]:focus,
body[data-nav-tool="Portfolio Tracker"] #position-modal textarea:focus{
outline:none !important;
border-color:rgba(242,211,111,.52) !important;
box-shadow:0 0 0 3px rgba(242,211,111,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal select option{
color:#f4f7fb !important;
background:#0d1622 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal select option:checked,
body[data-nav-tool="Portfolio Tracker"] #position-modal select option:hover,
body[data-nav-tool="Portfolio Tracker"] #position-modal select option:focus{
color:#0b1118 !important;
background:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal textarea{
color:#f4f7fb !important;
background:#071018 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal textarea::placeholder{
color:rgba(205,220,240,.54) !important;
}
/* R4X v1403 · Position-Modal Feinschliff */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-card{
scrollbar-gutter:stable !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head{
padding-bottom:16px !important;
margin-bottom:18px !important;
border-bottom:1px solid rgba(255,255,255,.07) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step{
background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014)) !important;
border-color:rgba(255,255,255,.09) !important;
box-shadow:0 14px 34px rgba(0,0,0,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-label{
display:flex !important;
align-items:center !important;
gap:8px !important;
flex-wrap:wrap !important;
color:#edf4ff !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-optional{
transform:translateY(1px) !important;
margin-left:2px !important;
padding:3px 7px !important;
border-radius:999px !important;
color:rgba(226,236,250,.72) !important;
background:rgba(255,255,255,.055) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field > span,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-mode > span{
color:#b9c7d8 !important;
margin-bottom:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal input,
body[data-nav-tool="Portfolio Tracker"] #position-modal select,
body[data-nav-tool="Portfolio Tracker"] #position-modal textarea{
min-height:43px !important;
border-radius:12px !important;
color:#f5f8fc !important;
caret-color:#f2d36f !important;
background:#071018 !important;
border:1px solid rgba(242,211,111,.20) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal select{
color-scheme:dark !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal select option{
color:#f5f8fc !important;
background:#0a121c !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal select option:checked{
color:#081018 !important;
background:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-intro{
margin:-2px 0 2px !important;
padding:12px 14px !important;
border:1px solid rgba(242,211,111,.13) !important;
border-radius:13px !important;
background:rgba(242,211,111,.045) !important;
color:#b7c5d6 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field--thesis textarea{
min-height:86px !important;
padding-bottom:24px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-thesis-counter{
position:absolute !important;
right:12px !important;
bottom:8px !important;
margin:0 !important;
padding:2px 6px !important;
border-radius:999px !important;
background:rgba(7,16,24,.86) !important;
border:1px solid rgba(255,255,255,.06) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step--actions{
background:linear-gradient(180deg,rgba(242,211,111,.035),rgba(255,255,255,.012)) !important;
border-color:rgba(242,211,111,.12) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-actions--3 #save-position{
min-height:46px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #form-feedback{
margin:10px 0 0 !important;
min-height:20px !important;
}
@media (min-width:761px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-card{
width:min(1180px,calc(100vw - 40px)) !important;
max-width:min(1180px,calc(100vw - 40px)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main{
gap:18px !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head{
padding-bottom:12px !important;
margin-bottom:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-intro{
padding:9px 10px !important;
}
}
/* R4X v1404 · DE-Haltefrist statt Steuerland-Dropdown */
body[data-nav-tool="Portfolio Tracker"] #position-journal-step{
grid-template-columns:1fr !important;
gap:16px !important;
background:
radial-gradient(circle at 8% 0%, rgba(242,211,111,.055), transparent 34%),
linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-head{
display:grid !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-step-label,
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-intro,
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-field--thesis{
grid-column:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-intro{
max-width:78ch !important;
padding:13px 15px !important;
border:1px solid rgba(242,211,111,.18) !important;
border-radius:14px !important;
background:rgba(242,211,111,.045) !important;
color:#c8d3e1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-holding-card{
display:grid !important;
grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr) !important;
gap:14px !important;
align-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-de-holding-toggle{
position:relative !important;
display:grid !important;
grid-template-columns:28px minmax(0,1fr) !important;
gap:12px !important;
align-items:center !important;
min-height:78px !important;
padding:14px 15px !important;
border:1px solid rgba(255,255,255,.105) !important;
border-radius:14px !important;
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)) !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-de-holding-toggle:hover{
border-color:rgba(242,211,111,.30) !important;
background:linear-gradient(180deg, rgba(242,211,111,.075), rgba(255,255,255,.018)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-de-holding-toggle input{
position:absolute !important;
opacity:0 !important;
pointer-events:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-de-holding-toggle__box{
width:24px !important;
height:24px !important;
border-radius:8px !important;
border:1px solid rgba(242,211,111,.38) !important;
background:#071018 !important;
box-shadow:inset 0 0 0 1px rgba(0,0,0,.22) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-de-holding-toggle input:checked + .pt-de-holding-toggle__box{
background:linear-gradient(180deg,#f2d36f,#bd8418) !important;
border-color:rgba(255,226,125,.78) !important;
box-shadow:0 0 0 3px rgba(242,211,111,.10), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-de-holding-toggle input:checked + .pt-de-holding-toggle__box::after{
content:"✓" !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
height:100% !important;
color:#10131a !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-de-holding-toggle:has(input:focus-visible){
border-color:rgba(242,211,111,.55) !important;
box-shadow:0 0 0 3px rgba(242,211,111,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-de-holding-toggle__copy{
display:grid !important;
gap:2px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-de-holding-toggle__copy strong{
color:#f4f7fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-de-holding-toggle__copy small{
color:#9eabbd !important;
}
body[data-nav-tool="Portfolio Tracker"] #purchase-date-field{
justify-content:center !important;
padding:14px 15px !important;
border:1px solid rgba(255,255,255,.105) !important;
border-radius:14px !important;
background:rgba(5,12,19,.32) !important;
}
body[data-nav-tool="Portfolio Tracker"] #purchase-date-field.is-disabled{
opacity:.58 !important;
}
body[data-nav-tool="Portfolio Tracker"] #purchase-date-field.is-disabled input{
cursor:not-allowed !important;
border-color:rgba(255,255,255,.08) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field--thesis{
padding:14px 15px !important;
border:1px solid rgba(255,255,255,.105) !important;
border-radius:14px !important;
background:rgba(5,12,19,.30) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field--thesis textarea{
min-height:84px !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-holding-card{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-de-holding-toggle{
min-height:auto !important;
}
}
/* R4X v1405 · Position-Modal echter Eingabefluss */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-card{
width:min(1160px,calc(100vw - 42px)) !important;
max-width:min(1160px,calc(100vw - 42px)) !important;
background:
radial-gradient(circle at 18% 0%, rgba(242,211,111,.075), transparent 28%),
radial-gradient(circle at 88% 8%, rgba(76,116,160,.09), transparent 28%),
linear-gradient(180deg,#111a25 0%,#0b121b 100%) !important;
border:1px solid rgba(255,255,255,.105) !important;
box-shadow:0 28px 80px rgba(0,0,0,.52) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head{
position:relative !important;
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
gap:18px !important;
padding:0 0 18px !important;
margin:0 0 18px !important;
border-bottom:1px solid rgba(255,255,255,.08) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head::after{
content:"" !important;
position:absolute !important;
left:0 !important;
bottom:-1px !important;
width:188px !important;
height:1px !important;
background:linear-gradient(90deg,rgba(242,211,111,.72),rgba(242,211,111,0)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head h2{
margin-top:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-subline{
margin:7px 0 0 !important;
color:#aebccd !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step{
border-radius:18px !important;
border:1px solid rgba(255,255,255,.095) !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-asset-step,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step{
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.016)) !important;
padding:17px 18px 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-label{
margin:0 0 14px !important;
color:#eef5ff !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-journal-step{
display:grid !important;
grid-template-columns:1fr !important;
gap:14px !important;
padding:18px !important;
background:
linear-gradient(90deg,rgba(242,211,111,.09),rgba(242,211,111,0) 42%),
linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012)) !important;
border-color:rgba(242,211,111,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-head{
display:grid !important;
grid-template-columns:minmax(240px,.48fr) minmax(320px,.52fr) !important;
gap:18px !important;
align-items:start !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-step-label{
margin:0 0 5px !important;
grid-column:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-subline{
margin:0 !important;
color:#aab8c9 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-intro{
grid-column:auto !important;
max-width:none !important;
margin:0 !important;
padding:0 0 0 16px !important;
border:0 !important;
border-left:1px solid rgba(242,211,111,.22) !important;
border-radius:0 !important;
background:transparent !important;
color:#c0ccda !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-step-optional{
border-radius:999px !important;
padding:3px 7px !important;
color:#d3deef !important;
background:rgba(255,255,255,.06) !important;
border-color:rgba(255,255,255,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-body{
display:grid !important;
grid-template-columns:minmax(320px,.92fr) minmax(360px,1.08fr) !important;
gap:14px !important;
align-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-panel{
border-radius:16px !important;
border:1px solid rgba(255,255,255,.10) !important;
background:rgba(5,12,19,.26) !important;
padding:14px !important;
display:flex !important;
flex-direction:column !important;
gap:13px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-panel--holding{
background:linear-gradient(180deg,rgba(242,211,111,.035),rgba(5,12,19,.22)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-panel-head{
display:grid !important;
grid-template-columns:30px minmax(0,1fr) !important;
gap:10px !important;
align-items:start !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-panel-icon{
width:32px !important;
height:32px !important;
border-radius:10px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
color:#f1cf6a !important;
background:rgba(242,211,111,.075) !important;
border:1px solid rgba(242,211,111,.20) !important;
font-size:.95rem !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-panel h3{
margin:0 !important;
color:#f3f7fd !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-panel p{
margin:4px 0 0 !important;
color:#9fadc0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-holding-card{
display:grid !important;
grid-template-columns:1fr !important;
gap:11px !important;
align-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-de-holding-toggle,
body[data-nav-tool="Portfolio Tracker"] #position-journal-step #purchase-date-field,
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-field--thesis{
border-radius:14px !important;
border:1px solid rgba(255,255,255,.105) !important;
background:rgba(7,16,24,.54) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-de-holding-toggle{
min-height:auto !important;
padding:12px 13px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step #purchase-date-field{
padding:12px 13px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-field--thesis{
padding:12px 13px !important;
flex:1 1 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-field--thesis textarea{
min-height:116px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal input,
body[data-nav-tool="Portfolio Tracker"] #position-modal textarea{
background:#071018 !important;
border-color:rgba(242,211,111,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal input:focus,
body[data-nav-tool="Portfolio Tracker"] #position-modal textarea:focus{
border-color:rgba(242,211,111,.48) !important;
box-shadow:0 0 0 3px rgba(242,211,111,.09) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step--actions{
display:block !important;
margin-top:0 !important;
padding:14px 0 0 !important;
border:0 !important;
border-top:1px solid rgba(255,255,255,.08) !important;
border-radius:0 !important;
background:transparent !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-actions--3{
display:grid !important;
grid-template-columns:minmax(260px,2fr) minmax(160px,1fr) minmax(160px,1fr) !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-actions--3 #save-position{
min-height:46px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #form-feedback{
margin:9px 0 0 !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-head,
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-body{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-intro{
padding:10px 12px !important;
border-left:0 !important;
border:1px solid rgba(242,211,111,.14) !important;
border-radius:13px !important;
background:rgba(242,211,111,.035) !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-card{
width:100% !important;
max-width:560px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-actions--3{
grid-template-columns:1fr !important;
}
}
/* R4X v1406 · Mobile Position-Modal Fullscreen + Sticky Header */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal.pt-modal{
align-items:stretch !important;
justify-content:flex-start !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-card{
width:100vw !important;
max-width:none !important;
min-width:0 !important;
height:100dvh !important;
min-height:100dvh !important;
max-height:100dvh !important;
margin:0 !important;
border-radius:0 !important;
border-left:0 !important;
border-right:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
padding:0 18px max(18px,env(safe-area-inset-bottom)) !important;
background:
radial-gradient(circle at 18% 0%, rgba(242,211,111,.075), transparent 30%),
radial-gradient(circle at 88% 8%, rgba(76,116,160,.09), transparent 30%),
linear-gradient(180deg,#111a25 0%,#0b121b 100%) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head{
position:sticky !important;
top:0 !important;
z-index:30 !important;
margin:0 -18px 18px !important;
padding: max(16px,env(safe-area-inset-top)) 18px 16px !important;
background:
linear-gradient(180deg,rgba(17,26,37,.99) 0%,rgba(17,26,37,.98) 72%,rgba(17,26,37,.92) 100%) !important;
border-bottom:1px solid rgba(255,255,255,.09) !important;
box-shadow:0 12px 30px rgba(0,0,0,.32) !important;
backdrop-filter:blur(14px) !important;
-webkit-backdrop-filter:blur(14px) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head::after{
left:18px !important;
bottom:-1px !important;
width:170px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-subline{
max-width:25rem !important;
margin-top:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #close-position-modal{
position:relative !important;
z-index:2 !important;
margin-top:0 !important;
flex:0 0 40px !important;
width:40px !important;
height:40px !important;
min-width:40px !important;
min-height:40px !important;
}
}
/* R4X v1407 · Position-Modal Texte entdoppelt */
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-head{
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-subline{
max-width:78ch !important;
color:#b3c0d0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-intro{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-panel p{
max-width:46ch !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-de-holding-toggle__copy small{
color:#aebccd !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-journal-subline{
max-width:none !important;
}
}
/* R4X v1408 · Exakte Textanpassung Erweiterte Angaben */
body[data-nav-tool="Portfolio Tracker"] #position-journal-step .pt-step-separator{
display:inline-block !important;
margin:0 5px !important;
color:rgba(242,211,111,.68) !important;
}
/* R4X v1409 · Haltedauer-Badge zeigt Steuer Check CTA */
html body .pt-tax-pill[data-pt-tax-detail]{
gap:6px !important;
padding:2px 6px 2px 7px !important;
cursor:pointer !important;
box-shadow:0 0 0 1px rgba(242,211,111,.04) inset !important;
}
html body .pt-tax-pill__main{
display:inline-flex !important;
align-items:center !important;
min-width:0 !important;
}
html body .pt-tax-pill__action{
display:inline-flex !important;
align-items:center !important;
gap:2px !important;
padding-left:6px !important;
margin-left:1px !important;
border-left:1px solid rgba(242,211,111,.32) !important;
color:#f2d36f !important;
}
html body .pt-tax-pill[data-pt-tax-detail]:hover .pt-tax-pill__action,
html body .pt-tax-pill[data-pt-tax-detail].is-open .pt-tax-pill__action{
color:#ffe58a !important;
text-decoration:underline !important;
text-underline-offset:.18em !important;
text-decoration-color:rgba(255,229,138,.55) !important;
}
html body .pt-tax-pill[data-pt-tax-detail]:focus-visible{
outline:none !important;
box-shadow:0 0 0 3px rgba(242,211,111,.18) !important;
}
@media (max-width:760px){
html body .pt-tax-pill__action{
padding-left:5px !important;
}
}
/* R4X v1410 · Haltedauer-Badge kompakt als öffnender Hinweis */
html body .pt-tax-pill[data-pt-tax-detail]{
gap:2px !important;
padding:2px 6px 2px 7px !important;
cursor:pointer !important;
transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease !important;
}
html body .pt-tax-pill__action{display:none !important;}
html body .pt-tax-pill__open{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:12px !important;
min-width:12px !important;
height:12px !important;
margin-left:2px !important;
border-radius:999px !important;
color:rgba(255,238,160,.95) !important;
background:rgba(242,211,111,.14) !important;
border:1px solid rgba(242,211,111,.34) !important;
transform:translateY(-.02em) !important;
}
html body .pt-tax-pill[data-pt-tax-detail]:hover,
html body .pt-tax-pill[data-pt-tax-detail].is-open{
border-color:rgba(242,211,111,.62) !important;
background:rgba(212,175,55,.12) !important;
color:#f7df82 !important;
box-shadow:0 0 0 1px rgba(242,211,111,.12) inset !important;
}
html body .pt-tax-pill[data-pt-tax-detail]:hover .pt-tax-pill__open,
html body .pt-tax-pill[data-pt-tax-detail].is-open .pt-tax-pill__open{
color:#081019 !important;
background:#f2d36f !important;
border-color:#f2d36f !important;
}
html body .pt-tax-pill[data-pt-tax-detail]:focus-visible{
outline:none !important;
box-shadow:0 0 0 3px rgba(242,211,111,.20) !important;
}
/* R4X v1415 · Portfolio-Verlauf mit dezenter X/Y-Orientierung */
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart{
position:relative !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__y,
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__x,
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__reference{
position:absolute !important;
z-index:3 !important;
pointer-events:none !important;
user-select:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__y{
right:10px !important;
display:flex !important;
align-items:center !important;
gap:6px !important;
max-width:42% !important;
padding:3px 7px !important;
border:1px solid rgba(255,255,255,.065) !important;
border-radius:999px !important;
background:rgba(5,8,13,.58) !important;
backdrop-filter:blur(8px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__y--max{ top:8px !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__y--mid{ top:50% !important; transform:translateY(-50%) !important; opacity:.82 !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__y--min{ bottom:24px !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__y strong{
min-width:0 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
color:rgba(238,243,251,.92) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__y em,
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__x em{
color:rgba(205,220,240,.46) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__x{
bottom:7px !important;
display:grid !important;
gap:1px !important;
padding:3px 6px !important;
border-radius:9px !important;
background:rgba(5,8,13,.46) !important;
backdrop-filter:blur(8px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__x strong{
color:rgba(238,243,251,.86) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__x--start{ left:10px !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__x--mid{ left:50% !important; transform:translateX(-50%) !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__x--current{ right:10px !important; text-align:right !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__reference{
top:11px !important;
transform:translateX(-50%) !important;
padding:3px 7px !important;
border:1px solid rgba(174,217,255,.38) !important;
border-radius:999px !important;
background:rgba(174,217,255,.12) !important;
color:#d5eafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__chart .pt-history-chart__y--mid,
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__chart .pt-history-chart__x--mid,
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__chart .pt-history-chart__reference{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__chart .pt-history-chart__y{
right:7px !important;
padding:2px 6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__chart .pt-history-chart__y em,
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__chart .pt-history-chart__x em{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__chart .pt-history-chart__x{
bottom:6px !important;
}
@media (max-width:560px){
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__y--mid,
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__x--mid{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__y{
max-width:52% !important;
right:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__x em{
display:none !important;
}
}
/* R4X v1416 · Chart-Achsen ohne Label-Überlappung */
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__y--min{
bottom:52px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__y--mid{
opacity:.78 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__x{
bottom:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__x--current{
right:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__x--start{
left:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__chart .pt-history-chart__y--min{
bottom:34px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-trend__chart .pt-history-chart__x{
bottom:6px !important;
}
@media (max-width:560px){
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__y--min{
bottom:44px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__y strong{
max-width:112px !important;
}
}
/* R4X v1420 · Übersicht Mockup-Ausbau aus v1418-Basis */
body[data-nav-tool="Portfolio Tracker"] .pt-card--overview-insights{
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-overview-dashboard{
display:grid !important;
gap:16px !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-feature,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card{
position:relative !important;
overflow:hidden !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:18px !important;
background:
radial-gradient(560px 200px at 86% 0%, rgba(212,175,55,.10), transparent 64%),
linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.014)) !important;
box-shadow:0 18px 44px rgba(0,0,0,.24) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-feature{
border-color:rgba(212,175,55,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-head{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:14px !important;
padding:16px 20px !important;
border-bottom:1px solid rgba(255,255,255,.07) !important;
background:rgba(255,255,255,.024) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-head h3{
margin:0 !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-head{
align-items:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-actions{
display:flex !important;
align-items:center !important;
gap:8px !important;
flex-wrap:wrap !important;
justify-content:flex-end !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-tabs{
display:flex !important;
gap:2px !important;
padding:3px !important;
border-radius:10px !important;
background:rgba(255,255,255,.045) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-tabs button{
appearance:none !important;
border:1px solid transparent !important;
border-radius:7px !important;
padding:6px 12px !important;
background:transparent !important;
color:rgba(205,220,240,.52) !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-tabs button.is-active{
border-color:rgba(255,255,255,.12) !important;
background:rgba(255,255,255,.065) !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-action-btn{
appearance:none !important;
border:1px solid rgba(212,175,55,.34) !important;
border-radius:10px !important;
padding:9px 14px !important;
background:rgba(212,175,55,.12) !important;
color:#f2d36f !important;
cursor:pointer !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-action-btn:hover{
background:rgba(212,175,55,.20) !important;
border-color:rgba(212,175,55,.52) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-action-btn[disabled]{
opacity:.48 !important;
cursor:not-allowed !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-summary{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(220px, .42fr) !important;
gap:12px !important;
padding:16px 20px 0 !important;
align-items:end !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-summary > div{
display:grid !important;
gap:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-summary span,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-tile span,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stat span,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer span{
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-summary strong{
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-summary em{
color:rgba(205,220,240,.54) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-summary label,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-input-row{
display:grid !important;
gap:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-summary label input,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-input{
width:100% !important;
border:1px solid rgba(255,255,255,.09) !important;
border-radius:10px !important;
background:rgba(5,8,13,.34) !important;
color:#eef3fb !important;
padding:10px 12px !important;
outline:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-input:focus,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-summary label input:focus{
border-color:rgba(212,175,55,.42) !important;
box-shadow:0 0 0 3px rgba(212,175,55,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap{
position:relative !important;
min-height:246px !important;
margin:4px 20px 0 !important;
border-radius:16px !important;
overflow:hidden !important;
background:
linear-gradient(to bottom, transparent 19.8%, rgba(255,255,255,.035) 20%, transparent 20.2%),
linear-gradient(to bottom, transparent 39.8%, rgba(255,255,255,.035) 40%, transparent 40.2%),
linear-gradient(to bottom, transparent 59.8%, rgba(255,255,255,.035) 60%, transparent 60.2%),
linear-gradient(to bottom, transparent 79.8%, rgba(255,255,255,.035) 80%, transparent 80.2%),
rgba(255,255,255,.014) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-svg{
width:100% !important;
height:220px !important;
display:block !important;
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-grid-line{
stroke:rgba(255,255,255,.045) !important;
stroke-width:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-axis-label{
fill:rgba(205,220,240,.34) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-area{
fill:rgba(212,175,55,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-line{
fill:none !important;
stroke:#f2d36f !important;
stroke-width:3 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap.is-negative .pt-ov-chart-line{ stroke:#ff8b8b !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap.is-negative .pt-ov-chart-area{ fill:rgba(255,139,139,.14) !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-current{
stroke:rgba(212,175,55,.25) !important;
stroke-width:1 !important;
stroke-dasharray:5 6 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-dot{
fill:#d4af37 !important;
stroke:#081019 !important;
stroke-width:3 !important;
opacity:.72 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-dot--edge{
fill:#f2d36f !important;
opacity:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-tooltip{
position:absolute !important;
top:18px !important;
right:18px !important;
z-index:4 !important;
min-width:150px !important;
padding:10px 13px !important;
border:1px solid rgba(255,255,255,.11) !important;
border-radius:12px !important;
background:rgba(22,28,40,.90) !important;
backdrop-filter:blur(12px) !important;
box-shadow:0 12px 28px rgba(0,0,0,.30) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-tooltip span{
display:block !important;
color:rgba(205,220,240,.46) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-tooltip strong{
display:block !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-tooltip em{
display:block !important;
margin-top:2px !important;
color:#8fe28d !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-tooltip em.is-negative{ color:#ff8b8b !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-dates{
display:flex !important;
justify-content:space-between !important;
gap:10px !important;
padding:0 10px 8px !important;
color:rgba(205,220,240,.42) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-placeholder{
min-height:220px !important;
display:grid !important;
place-items:center !important;
margin:16px 20px !important;
padding:22px !important;
border:1px dashed rgba(212,175,55,.20) !important;
border-radius:16px !important;
background:rgba(255,255,255,.015) !important;
color:rgba(205,220,240,.58) !important;
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-block{
padding:14px 20px 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-head{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:14px !important;
margin:0 0 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-head span{
display:block !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-head small{
display:block !important;
margin-top:2px !important;
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-footer{
display:flex !important;
justify-content:flex-end !important;
margin-top:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-dots{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot{
text-align:left !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:12px !important;
background:rgba(255,255,255,.026) !important;
padding:10px 12px !important;
cursor:default !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot span,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot em{
display:block !important;
color:rgba(205,220,240,.44) !important;
font-size:.62rem !important;
line-height:1.2 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot strong{
display:block !important;
color:#eef3fb !important;
font-size:.93rem !important;
line-height:1.2 !important;
margin:3px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .is-positive{ color:#8fe28d !important; }
body[data-nav-tool="Portfolio Tracker"] .is-negative{ color:#ff8b8b !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-ov-grid{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
gap:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-grid--secondary{
grid-template-columns:minmax(0,1fr) minmax(0,.82fr) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rules-card,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-taxprep{
min-height:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-input-row{
grid-template-columns:minmax(0,1fr) auto !important;
padding:16px 20px 0 !important;
align-items:end !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-hero{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:10px !important;
padding:16px 20px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-tile,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stat{
border:1px solid rgba(255,255,255,.075) !important;
border-radius:13px !important;
background:rgba(255,255,255,.026) !important;
padding:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-tile--primary,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stat--highlight{
border-color:rgba(212,175,55,.26) !important;
background:rgba(212,175,55,.075) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-tile strong,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stat strong{
display:block !important;
color:#eef3fb !important;
margin-top:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-tile small,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stat small{
display:block !important;
color:rgba(205,220,240,.45) !important;
margin-top:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-progress{
padding:16px 20px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-progress > div{
display:flex !important;
align-items:baseline !important;
justify-content:space-between !important;
gap:10px !important;
margin-bottom:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-progress > div span,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-mini-title{
color:rgba(205,220,240,.56) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-progress > div strong{
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-progress > i{
display:block !important;
height:9px !important;
border-radius:999px !important;
overflow:hidden !important;
background:rgba(255,255,255,.06) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-progress > i b{
display:block !important;
height:100% !important;
border-radius:999px !important;
background:linear-gradient(90deg,#c9a84c,#f2d36f) !important;
box-shadow:0 0 16px rgba(212,175,55,.35) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-progress > small{
display:flex !important;
justify-content:space-between !important;
margin-top:7px !important;
color:rgba(205,220,240,.38) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-positions{
display:grid !important;
gap:7px !important;
padding:16px 20px 20px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-pos{
display:grid !important;
grid-template-columns:auto minmax(0,.9fr) minmax(64px,1fr) auto !important;
align-items:center !important;
gap:10px !important;
padding:9px 11px !important;
border:1px solid rgba(255,255,255,.07) !important;
border-radius:10px !important;
background:rgba(255,255,255,.021) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-pos-logo{
width:28px !important;
height:28px !important;
border-radius:999px !important;
display:grid !important;
place-items:center !important;
color:#f2d36f !important;
background:rgba(212,175,55,.12) !important;
border:1px solid rgba(212,175,55,.24) !important;
font-size:.76rem !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-pos-name strong,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-pos-name span{
display:block !important;
min-width:0 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-pos-name strong{
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-pos-name span{
color:rgba(205,220,240,.42) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-pos-bar{
height:5px !important;
border-radius:999px !important;
background:rgba(255,255,255,.06) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-pos-bar i{
display:block !important;
height:100% !important;
border-radius:999px !important;
background:var(--pt-goal-color,#d4af37) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-pos b{
color:#eef3fb !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-positions-head{
display:flex !important;
align-items:baseline !important;
justify-content:space-between !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-positions-head small{
color:rgba(205,220,240,.42) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-pos .pt-logo{
width:30px !important;
height:30px !important;
box-shadow:0 6px 16px rgba(0,0,0,.24) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-pos .pt-logo span{
font-size:.62rem !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-positions:not(.is-expanded) .pt-ov-goal-pos--desktop-extra{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-more{
appearance:none !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
width:100% !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:10px !important;
background:rgba(255,255,255,.025) !important;
color:rgba(235,242,252,.76) !important;
padding:9px 11px !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-more:hover{
border-color:rgba(212,175,55,.28) !important;
background:rgba(212,175,55,.06) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-more i{
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-positions.is-expanded .pt-ov-goal-more i{
transform:translateY(-1px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:10px !important;
padding:16px 20px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:10px !important;
padding:14px 20px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer{
border:1px solid rgba(255,255,255,.075) !important;
border-radius:12px !important;
background:rgba(255,255,255,.022) !important;
padding:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer strong,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer em{
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer strong{
color:#eef3fb !important;
margin-top:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer em{
margin-top:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insight,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-muted{
margin:0 !important;
padding:16px 20px 20px !important;
color:rgba(205,220,240,.60) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review--empty .pt-ov-muted{
padding-top:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-taxprep{
display:flex !important;
flex-direction:column !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-export-anchor{
scroll-margin-top:112px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-badge{
display:inline-flex !important;
align-items:center !important;
gap:5px !important;
border:1px solid rgba(212,175,55,.30) !important;
border-radius:999px !important;
background:rgba(212,175,55,.12) !important;
color:#f2d36f !important;
padding:4px 10px !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-badge--muted{
border-color:rgba(255,255,255,.09) !important;
background:rgba(255,255,255,.04) !important;
color:rgba(205,220,240,.56) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-link{
appearance:none !important;
border:0 !important;
background:transparent !important;
color:rgba(205,220,240,.62) !important;
cursor:pointer !important;
text-decoration:underline !important;
text-underline-offset:.24em !important;
text-decoration-color:rgba(205,220,240,.24) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-ghost{
min-height:220px !important;
margin:16px 20px !important;
border:1px solid rgba(255,255,255,.06) !important;
border-radius:16px !important;
background:rgba(255,255,255,.014) !important;
position:relative !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-ghost i{
position:absolute !important;
left:9% !important;
right:9% !important;
bottom:45% !important;
height:2px !important;
border-radius:999px !important;
background:linear-gradient(90deg,rgba(212,175,55,.16),rgba(212,175,55,.50),rgba(212,175,55,.18)) !important;
transform:rotate(-8deg) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-ghost span{
position:absolute !important;
bottom:38% !important;
width:10px !important;
height:10px !important;
border-radius:999px !important;
background:rgba(212,175,55,.45) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-ghost span:nth-child(2){left:24% !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-ghost span:nth-child(3){left:52% !important; bottom:48% !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-ghost span:nth-child(4){right:22% !important; bottom:56% !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rules-card{
overflow:visible !important;
background:linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.012)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rules-card .pt-overview-status__main{
border:0 !important;
border-radius:18px !important;
background:transparent !important;
padding:16px 20px !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rules-card .pt-overview-status__side,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rules-card .pt-overview-status__meta{
padding:0 20px 20px !important;
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-grid,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-grid--secondary,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-summary{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-actions{
justify-content:flex-start !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-overview-dashboard{ gap:13px !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-head{
align-items:flex-start !important;
flex-direction:column !important;
padding:14px 15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-actions{
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-tabs{
flex:1 1 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-tabs button{
flex:1 1 0 !important;
padding:7px 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-save-btn{
flex:1 1 100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-summary,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-input-row,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-hero,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers{
grid-template-columns:1fr !important;
padding-left:15px !important;
padding-right:15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap{
margin-left:15px !important;
margin-right:15px !important;
min-height:236px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-tooltip{
top:12px !important;
right:12px !important;
min-width:132px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-block{
padding-left:15px !important;
padding-right:15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-head{
align-items:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-dots{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-pos{
grid-template-columns:auto minmax(0,1fr) auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-positions:not(.is-expanded) .pt-ov-goal-pos--mobile-extra{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-goal-pos-bar{
grid-column:2 / -1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insight,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-muted{
padding-left:15px !important;
padding-right:15px !important;
}
}
/* R4X v1432 · Tracker-only Feinschliff korrekt im Style-Bereich */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-save-note{
border:1px solid rgba(212,175,55,.18) !important;
background:rgba(212,175,55,.045) !important;
border-radius:12px !important;
padding:10px 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-dots{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot{
min-height:92px !important;
display:flex !important;
flex-direction:column !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot small{
display:block !important;
color:rgba(205,220,240,.48) !important;
font-size:.62rem !important;
line-height:1.2 !important;
margin-bottom:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot em{
margin-top:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot em.is-positive{ color:#8fe28d !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot em.is-negative{ color:#ff8b8b !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot em.is-neutral{ color:rgba(205,220,240,.54) !important; }
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-head{
display:grid !important;
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-dots{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot{
min-height:0 !important;
}
}
/* R4X v1433 · Mobile Datum in Standkarten sichtbar halten */
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot small,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot.is-current small{
color:rgba(205,220,240,.58) !important;
-webkit-text-fill-color:rgba(205,220,240,.58) !important;
}
}
/* R4X v1435 · Chart-Vereinheitlichung */
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__x,
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__y--mid{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid div,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot{
display:flex !important;
flex-direction:column !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid em{
display:block !important;
margin-top:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid em.is-positive{ color:#8fe28d !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid em.is-negative{ color:#ff8b8b !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid em.is-neutral{ color:rgba(205,220,240,.54) !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid div.is-current{
border-color:rgba(212,175,55,.28) !important;
background:radial-gradient(180px 120px at 100% 0%, rgba(212,175,55,.12), transparent 65%), rgba(255,255,255,.018) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-value span{
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-dots,
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid{
grid-template-columns:1fr !important;
}
}
/* R4X v1437 · Übersichtschart ohne großes Aktuell-Widget */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-tooltip{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-axis-label{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-y{
position:absolute !important;
right:14px !important;
z-index:4 !important;
display:inline-flex !important;
align-items:center !important;
gap:5px !important;
max-width:58% !important;
padding:3px 8px !important;
border-radius:999px !important;
border:1px solid rgba(255,255,255,.07) !important;
background:rgba(5,8,13,.62) !important;
backdrop-filter:blur(8px) !important;
pointer-events:none !important;
user-select:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-y--max{ top:14px !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-y--min{ bottom:42px !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-y strong{
color:rgba(238,243,251,.92) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-y em{
color:rgba(205,220,240,.48) !important;
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-y{
right:10px !important;
padding:2px 7px !important;
}
}
/* R4X v1438 · Übersicht Speichern neu sortiert */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-save-stack{
display:grid !important;
grid-template-columns:minmax(220px, 320px) !important;
gap:8px !important;
align-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-save-stack .pt-ov-save-note{
display:grid !important;
gap:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-summary{
grid-template-columns:minmax(0,1fr) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-actions{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-save-stack{
grid-template-columns:1fr !important;
width:100% !important;
}
}
/* R4X v1556 · Übersicht Standkarten passiv, CTA im gleichen Aktionsbutton-System wie Aktualisieren */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot{
position:relative !important;
padding-right:12px !important;
cursor:default !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot.is-current::before{
content:"" !important;
position:absolute !important;
left:12px !important;
right:12px !important;
top:0 !important;
height:1px !important;
border-radius:999px !important;
background:linear-gradient(90deg, rgba(242,211,111,0), rgba(242,211,111,.72), rgba(242,211,111,0)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot span{
padding-right:0 !important;
}
/* R4X v1455 · Portfolio Tracker Wochenrückblick nach Mockup */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review--weekly{
min-height:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-head{
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-period{
margin-left:auto !important;
display:flex !important;
align-items:center !important;
gap:8px !important;
flex-wrap:wrap !important;
justify-content:flex-end !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-period small{
color:rgba(205,220,240,.42) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly{
padding:20px 20px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly .pt-ov-review-stat{
min-height:91px !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
}
/* Portfolio-Stat: Farbe dynamisch je nach Vorzeichen */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly .pt-ov-review-stat--highlight{
border-color:rgba(74,222,128,.18) !important;
background:rgba(74,222,128,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly .pt-ov-review-stat--highlight strong{
color:#4ade80 !important;
}
/* Negativ-Override: rot wenn Portfolio-Woche negativ war */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly .pt-ov-review-stat--highlight.pt-ov-review-stat--negative{
border-color:rgba(248,113,113,.22) !important;
background:rgba(248,113,113,.08) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly .pt-ov-review-stat--highlight.pt-ov-review-stat--negative strong{
color:#f87171 !important;
}
/* Relativ schwächste Position: amber Rand */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer--relative{
border-color:rgba(251,191,36,.22) !important;
}
/* Größter Wertzuwachs absolut: gedämpftes Grün */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer--gain{
border-color:rgba(74,222,128,.15) !important;
}
/* Größter Wertrückgang absolut: gedämpftes Rot */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer--loss{
border-color:rgba(248,113,113,.18) !important;
}
/* Stabilste Position: neutrales Grau-Blau */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer--stable{
border-color:rgba(148,163,184,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly{
padding:20px 20px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-ov-performer{
display:flex !important;
align-items:center !important;
gap:10px !important;
min-height:58px !important;
padding:11px 13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer--best{
border-color:rgba(74,222,128,.20) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer--worst{
border-color:rgba(248,113,113,.20) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer--move{
border-color:rgba(212,175,55,.18) !important;
}
/* Subtext unter dem Coin-Namen in Performer-Karten */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer > div > small{
display:block !important;
color:rgba(160,185,215,.42) !important;
margin-top:2px !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rb-logo,
body[data-nav-tool="Portfolio Tracker"] .pt-rb-logo .pt-logo{
width:32px !important;
height:32px !important;
min-width:32px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rb-logo{
border-radius:6px !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rb-logo .pt-logo{
border-radius:6px !important;
overflow:hidden !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rb-logo .pt-logo img{
border-radius:4px !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-ov-performer > div:not(.pt-rb-logo){
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-ov-performer strong{
margin-top:2px !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-ov-performer em{
margin-left:auto !important;
margin-top:0 !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-insights{
display:grid !important;
gap:8px !important;
padding:20px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight{
display:flex !important;
align-items:flex-start !important;
gap:10px !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:12px !important;
background:rgba(255,255,255,.025) !important;
padding:13px 15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight i{
width:28px !important;
height:28px !important;
min-width:28px !important;
display:grid !important;
place-items:center !important;
border-radius:8px !important;
border:1px solid rgba(212,175,55,.30) !important;
background:rgba(212,175,55,.12) !important;
margin-top:1px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight p{
margin:0 !important;
color:rgba(205,220,240,.70) !important;
}
/* v1749 Insight-Markup: Positiv grün, negativ rot, b neutral fett */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight p .pt-ins-pos{
color:#4ade80 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight p .pt-ins-neg{
color:#f87171 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight p .pt-ins-b{
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight strong{
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .is-neutral{ color:#eef3fb !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-next{
margin:12px 15px 0 !important;
padding:11px 14px !important;
border:1px solid rgba(201,168,76,.22) !important;
border-radius:10px !important;
background:rgba(201,168,76,.07) !important;
color:rgba(205,220,240,.76) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-head{
align-items:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-period{
width:100% !important;
justify-content:flex-start !important;
margin-left:0 !important;
margin-top:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly{
grid-template-columns:1fr !important;
padding-left:15px !important;
padding-right:15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-insights{
padding-left:15px !important;
padding-right:15px !important;
}
}
/* R4X v1458 · DCA-aware Rueckblick */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-cashflow{
margin:14px 20px 0 !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-cashflow > div{
border:1px solid rgba(255,255,255,.075) !important;
border-radius:12px !important;
background:rgba(255,255,255,.025) !important;
padding:12px 14px !important;
min-height:76px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-cashflow.pt-ov-review-cashflow--single{
grid-template-columns:minmax(0,1fr) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-cashflow.pt-ov-review-cashflow--single > div{
min-height:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-cashflow span{
display:block !important;
color:rgba(205,220,240,.42) !important;
margin-bottom:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-cashflow strong{
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-cashflow small{
display:block !important;
margin-top:4px !important;
color:rgba(205,220,240,.46) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-cashflow p{
grid-column:1 / -1 !important;
margin:0 !important;
padding:10px 12px !important;
border:1px solid rgba(201,168,76,.18) !important;
border-radius:10px !important;
background:rgba(201,168,76,.055) !important;
color:rgba(205,220,240,.72) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-cashflow{
grid-template-columns:1fr !important;
margin-left:15px !important;
margin-right:15px !important;
}
}
/* R4X v1457 · Portfolio Transaktionen foundation */
body[data-nav-tool="Portfolio Tracker"] #journal-section{
display:none;
background:rgba(9,12,18,.92);
border:1px solid rgba(255,255,255,.08);
border-radius:20px;
overflow:hidden;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section.is-pt-active-area,
body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="journal"] #journal-section{
display:block;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-intro{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(118px,.18fr) minmax(118px,.18fr);
gap:12px;
padding:18px 20px 12px;
border-bottom:1px solid rgba(255,255,255,.065);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-intro p{
margin:.25rem 0 0;
color:rgba(232,237,245,.68);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-status{
background:rgba(255,255,255,.035);
border:1px solid rgba(255,255,255,.08);
border-radius:14px;
padding:12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-status span,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-status small{
display:block;
color:rgba(232,237,245,.52);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-status strong{
display:block;
margin:2px 0;
color:#f1d279;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form{
padding:16px 20px;
border-bottom:1px solid rgba(255,255,255,.065);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form label,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note-field{
display:flex;
flex-direction:column;
gap:6px;
color:rgba(232,237,245,.72);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form input,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form select{
width:100%;
border:1px solid rgba(255,255,255,.11);
background:rgba(255,255,255,.045);
color:#e8edf5;
border-radius:10px;
padding:10px 12px;
outline:none;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form input:focus,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form select:focus{
border-color:rgba(201,168,76,.5);
box-shadow:0 0 0 3px rgba(201,168,76,.10);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note-field{
margin-top:10px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-actions{
display:flex;
align-items:center;
gap:12px;
margin-top:12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-list{
display:flex;
flex-direction:column;
gap:8px;
padding:16px 20px 20px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row{
position:relative;
display:grid;
grid-template-columns:minmax(190px,1fr) minmax(260px,1.2fr) 36px;
gap:12px;
align-items:center;
background:rgba(255,255,255,.028);
border:1px solid rgba(255,255,255,.075);
border-radius:14px;
padding:12px 12px 12px 14px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--in{ border-color:rgba(74,222,128,.18); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--out{ border-color:rgba(248,113,113,.18); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--start{ border-color:rgba(201,168,76,.22); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-type{
display:inline-flex;
width:max-content;
border-radius:999px;
padding:3px 8px;
background:rgba(201,168,76,.12);
color:#d9bd67;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__main strong{
display:block;
margin-top:4px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__main small,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__main em{
color:rgba(232,237,245,.5);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics span{
display:block;
background:rgba(255,255,255,.035);
border:1px solid rgba(255,255,255,.065);
border-radius:10px;
padding:8px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics small{
display:block;
color:rgba(232,237,245,.46);
margin-bottom:2px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics b{
color:#e8edf5;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note{
grid-column:1 / -2;
margin:0;
color:rgba(232,237,245,.62);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note span{
color:#d9bd67;
margin-right:8px;
}
@media (max-width: 820px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-intro,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-grid,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics{
grid-template-columns:1fr;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note{ grid-column:auto; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-actions{ align-items:flex-start; flex-direction:column; }
}
/* R4X v1461 · Transaktionen UI, Bereichsleiste und Rückblick-Layout Refinement */
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
grid-template-columns:repeat(7,minmax(0,1fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab,
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab[data-pt-tab="history"]{
min-width:0 !important;
}
@media (min-width:981px){
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
grid-template-columns:1fr 1fr .86fr 1.22fr .88fr .88fr .74fr !important;
overflow-x:visible !important;
}
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
display:flex !important;
align-items:center !important;
flex-wrap:nowrap !important;
overflow-x:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab{
flex:0 0 auto !important;
min-width:104px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs .pt-area-tab[data-pt-tab="history"]{
min-width:136px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form select,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form select option{
background:#111720 !important;
color:#e8edf5 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form select option:checked,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form select option:hover{
background:#2a2112 !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-hint{
margin:9px 0 0 !important;
color:rgba(205,220,240,.54) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-list-footer{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
margin-top:4px !important;
padding:12px 14px !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:14px !important;
background:rgba(255,255,255,.024) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-list-footer small{
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-grid:not(.pt-ov-grid--secondary){
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review--weekly{
width:100% !important;
max-width:100% !important;
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-cashflow{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly .pt-ov-review-stat,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-ov-performer,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-cashflow > div{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-ov-performer strong,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-ov-performer em{
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-insights,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-next{
max-width:100% !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-list-footer{
align-items:flex-start !important;
flex-direction:column !important;
}
}
/* R4X v1463 · Transaktionen Text, Logo Fallback und Date Icon Fix */
body[data-nav-tool="Portfolio Tracker"] .pt-journal-intro{
background:linear-gradient(135deg, rgba(201,168,76,.055), rgba(255,255,255,.015));
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-intro > div:first-child strong{
display:inline-flex;
align-items:center;
gap:8px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-intro > div:first-child strong::before{
content:'📒';
width:30px;
height:30px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:9px;
background:rgba(201,168,76,.14);
border:1px solid rgba(201,168,76,.28);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-status{
position:relative;
overflow:hidden;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-status::after{
content:'';
position:absolute;
inset:auto 10px 10px auto;
width:38px;
height:38px;
border-radius:50%;
background:rgba(201,168,76,.08);
filter:blur(2px);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row{
grid-template-columns:minmax(230px,1fr) minmax(280px,1.15fr) 36px;
overflow:hidden;
isolation:isolate;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row::before{
content:'';
position:absolute;
inset:0 auto 0 0;
width:4px;
background:rgba(255,255,255,.16);
z-index:0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row > *{
position:relative;
z-index:1;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--in{
background:linear-gradient(135deg, rgba(74,222,128,.055), rgba(255,255,255,.025));
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--in::before{ background:#4ade80; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--out{
background:linear-gradient(135deg, rgba(248,113,113,.055), rgba(255,255,255,.025));
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--out::before{ background:#f87171; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--start{
background:linear-gradient(135deg, rgba(201,168,76,.07), rgba(255,255,255,.025));
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--start::before{ background:#c9a84c; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--correction::before{ background:#60a5fa; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--neutral::before{ background:rgba(205,220,240,.35); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-identity{
display:flex;
align-items:center;
gap:12px;
min-width:0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-identity .pt-logo,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note-logo{
width:38px;
height:38px;
min-width:38px;
border-radius:13px;
background:rgba(255,255,255,.055);
border:1px solid rgba(255,255,255,.10);
box-shadow:0 8px 24px rgba(0,0,0,.24);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-identity .pt-logo img{
width:100%;
height:100%;
object-fit:cover;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note-logo{
display:inline-flex;
align-items:center;
justify-content:center;
color:#f1d279;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-type{
align-items:center;
gap:5px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-type i{
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
border-radius:50%;
background:rgba(201,168,76,.15);
color:#f1d279;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--in .pt-journal-type{
background:rgba(74,222,128,.12);
color:#7ff0a8;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--out .pt-journal-type{
background:rgba(248,113,113,.12);
color:#ff9b9b;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--start .pt-journal-type{
background:rgba(201,168,76,.14);
color:#f1d279;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__main strong{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics span{
min-width:0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics b{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics .pt-journal-metric--muted b{
color:rgba(232,237,245,.38);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note{
padding-left:50px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note span{
display:inline-flex;
align-items:center;
width:max-content;
border-radius:999px;
padding:2px 8px;
background:rgba(201,168,76,.10);
border:1px solid rgba(201,168,76,.18);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-hint{
display:flex;
align-items:flex-start;
gap:8px;
padding:10px 12px;
border:1px solid rgba(201,168,76,.18);
background:rgba(201,168,76,.055);
border-radius:12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-hint span{
color:#f1d279;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-hint strong{
color:#f1d279;
}
@media (max-width: 820px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row{
grid-template-columns:1fr;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note{
padding-left:0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__main strong{
white-space:normal;
}
}
/* R4X v1464 final date icon override: keep native picker click-area, hide dark browser glyph, show white custom icon. */
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form input[type="date"],
body[data-nav-tool="Portfolio Tracker"] #position-modal input[type="date"],
body[data-nav-tool="Portfolio Tracker"] input[type="date"]{
color-scheme:dark !important;
padding-right:42px !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;
background-repeat:no-repeat !important;
background-position:right 13px center !important;
background-size:17px 17px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form input[type="date"]::-webkit-calendar-picker-indicator,
body[data-nav-tool="Portfolio Tracker"] #position-modal input[type="date"]::-webkit-calendar-picker-indicator,
body[data-nav-tool="Portfolio Tracker"] input[type="date"]::-webkit-calendar-picker-indicator{
opacity:0 !important;
cursor:pointer !important;
}
/* v1467 snapshot position detail list */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
margin:10px 16px 14px;
border:1px solid rgba(201,168,76,.16);
border-radius:14px;
background:linear-gradient(180deg, rgba(15,22,34,.92), rgba(9,14,23,.94));
overflow:hidden;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details > summary{
list-style:none;
cursor:pointer;
display:flex;
align-items:center;
gap:12px;
padding:12px 14px;
color:#f8fafc;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details > summary::-webkit-details-marker{ display:none; }
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details > summary span{
color:#f1d279;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details > summary small{
color:#9fb1c9;
margin-left:auto;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details > summary i{
width:26px;
height:26px;
border-radius:8px;
display:inline-flex;
align-items:center;
justify-content:center;
color:#d6e4f5;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.04);
transition:transform .16s ease;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details[open] > summary i{ transform:rotate(180deg); }
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details--empty p{
margin:0;
padding:0 14px 14px;
color:#b8c7da;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
display:flex;
flex-direction:column;
gap:8px;
padding:0 12px 12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
display:grid;
grid-template-columns:minmax(240px,1.7fr) minmax(92px,.75fr) minmax(92px,.75fr) minmax(100px,.8fr) minmax(74px,.55fr) minmax(100px,.85fr) minmax(120px,1fr);
gap:10px;
align-items:center;
padding:12px;
border:1px solid rgba(255,255,255,.07);
border-radius:14px;
background:rgba(5,10,18,.56);
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div:not(.pt-snapshot-position-asset){
min-width:0;
padding:8px 9px;
border-radius:10px;
background:rgba(255,255,255,.038);
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row span{
display:block;
color:#8ca1bb;
margin-bottom:3px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
color:#f8fafc;
white-space:nowrap;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
display:flex;
align-items:center;
gap:12px;
min-width:0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset .pt-logo{
width:42px;
height:42px;
flex:0 0 42px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
overflow:hidden;
border:1px solid rgba(201,168,76,.24);
background:radial-gradient(circle at 30% 30%, rgba(28,37,56,.98), rgba(9,14,23,.98));
box-shadow:0 10px 24px rgba(0,0,0,.24);
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset .pt-logo > span{ display:none !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset .pt-logo img{
width:100%;
height:100%;
padding:5px;
object-fit:contain;
display:block;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset .pt-logo.pt-logo--clean i{
width:12px;
height:12px;
border-radius:50%;
background:#f1d279;
display:block;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset > div{ min-width:0; }
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset strong{
display:block;
overflow:hidden;
text-overflow:ellipsis;
max-width:none;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset small{
color:#9fb1c9;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
display:flex;
gap:7px;
flex-wrap:wrap;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong span{
display:inline;
margin:0;
font-size:12px;
}
@media (max-width: 1100px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1;
}
}
@media (max-width: 640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
margin-left:10px;
margin-right:10px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details > summary{
align-items:flex-start;
flex-wrap:wrap;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details > summary small{
margin-left:0;
width:100%;
}
}
/* R4X v1469 · Positionsbearbeitung sauber als Transaktion einordnen */
body[data-nav-tool="Portfolio Tracker"] #position-edit-flow-card{
border-color:rgba(201,168,76,.24) !important;
background:rgba(201,168,76,.055) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-edit-flow-card[hidden]{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-edit-flow-card select{
width:100%;
border:1px solid rgba(255,255,255,.11);
background:#111720;
color:#e8edf5;
border-radius:10px;
padding:10px 12px;
outline:none;
}
body[data-nav-tool="Portfolio Tracker"] #position-edit-flow-card select:focus{
border-color:rgba(201,168,76,.5);
box-shadow:0 0 0 3px rgba(201,168,76,.10);
}
body[data-nav-tool="Portfolio Tracker"] #position-edit-flow-card select option{
background:#111720;
color:#e8edf5;
}
/* R4X v1474 · Tracker state history restore and existing-position clarity */
body[data-nav-tool="Portfolio Tracker"] #open-position-modal.is-limit-reached{
box-shadow:0 0 0 1px rgba(242,211,111,.20), 0 12px 24px rgba(0,0,0,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-wl-pick-hint.is-limit{
color:#d7a85f !important;
background:rgba(215,168,95,.085) !important;
border:1px solid rgba(215,168,95,.26) !important;
border-radius:7px !important;
padding:3px 7px !important;
display:inline-block !important;
margin-top:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-result-btn--limit:not(.pt-result-btn--owned){
border-color:rgba(215,168,95,.22) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-selected.is-existing-position{
border-color:rgba(242,211,111,.34) !important;
background:linear-gradient(180deg,rgba(242,211,111,.075),rgba(255,255,255,.018)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-selected-existing-note{
margin-top:5px !important;
color:#f1d279 !important;
}
/* R4X v1475 · Lange Standlabels in Verlaufskarten sauber umbrechen */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid div{
grid-template-columns:minmax(86px,.78fr) minmax(0,1fr) auto !important;
min-height:46px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid span{
white-space:normal !important;
overflow-wrap:anywhere !important;
}
}
/* R4X v1476 · Bestehende Position: Vergleichsrahmen und kompakte Pflichtauswahl */
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-change-step{
padding:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-head{
margin-bottom:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-subline{
max-width:92ch !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-summary{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:12px !important;
margin:6px 0 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card{
min-width:0 !important;
display:flex !important;
flex-direction:column !important;
gap:8px !important;
border:1px solid rgba(255,255,255,.09) !important;
border-radius:14px !important;
background:linear-gradient(180deg,rgba(11,20,31,.88),rgba(7,16,24,.74)) !important;
padding:9px 10px !important;
box-shadow:0 10px 24px rgba(0,0,0,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card > small{
display:block !important;
color:#8fa3bc !important;
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card > strong{
display:block !important;
color:#f8fafc !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card > div{
display:grid !important;
gap:6px !important;
margin-top:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card > div span{
min-width:0 !important;
display:flex !important;
align-items:baseline !important;
justify-content:space-between !important;
gap:10px !important;
padding:6px 0 0 !important;
border:0 !important;
border-top:1px solid rgba(255,255,255,.065) !important;
border-radius:0 !important;
background:transparent !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card em{
color:rgba(226,236,250,.66) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card b{
color:#e8edf5 !important;
text-align:right !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card--before{
border-color:rgba(148,163,184,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card--input{
border-color:rgba(242,211,111,.24) !important;
background:linear-gradient(180deg,rgba(242,211,111,.075),rgba(7,16,24,.78)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card--after.is-ready{
border-color:rgba(242,211,111,.30) !important;
box-shadow:0 0 0 1px rgba(242,211,111,.08), 0 14px 28px rgba(0,0,0,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card--after.is-pending > strong{
color:rgba(226,236,250,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-edit-flow-card,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-choice{
display:block !important;
border:0 !important;
background:transparent !important;
padding:0 !important;
margin:0 !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-edit-flow-card[hidden]{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field--change-flow{
max-width:none !important;
gap:10px !important;
padding:14px !important;
border:1px solid rgba(242,211,111,.12) !important;
border-radius:16px !important;
background:linear-gradient(180deg,rgba(10,18,30,.78),rgba(5,14,23,.58)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field--change-flow > span{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field--change-flow > small{
color:rgba(226,236,250,.72) !important;
margin:0 0 2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-option-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:10px !important;
margin-top:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card{
min-height:64px !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) 18px !important;
align-items:center !important;
gap:12px !important;
border:1px solid rgba(255,255,255,.11) !important;
border-radius:16px !important;
background:linear-gradient(180deg,rgba(6,15,26,.84),rgba(4,11,20,.92)) !important;
padding:9px 10px !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
transform:translateY(0) !important;
text-align:left !important;
cursor:pointer !important;
position:relative !important;
overflow:hidden !important;
transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card::before{
content:'' !important;
position:absolute !important;
inset:0 auto 0 0 !important;
width:3px !important;
background:transparent !important;
transition:background .18s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card:hover{
border-color:rgba(242,211,111,.42) !important;
box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04) !important;
transform:translateY(-1px) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card:focus-visible{
outline:none !important;
border-color:rgba(242,211,111,.62) !important;
box-shadow:0 0 0 2px rgba(242,211,111,.18), 0 10px 24px rgba(0,0,0,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card.is-selected{
border-color:rgba(242,211,111,.82) !important;
background:linear-gradient(160deg,rgba(242,211,111,.18),rgba(8,16,28,.96) 64%) !important;
box-shadow:0 12px 28px rgba(0,0,0,.24), inset 0 0 0 1px rgba(242,211,111,.18) !important;
transform:translateY(-1px) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card.is-selected::before{
background:#f1d279 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-card-main{
display:grid !important;
grid-template-columns:30px minmax(0,1fr) !important;
align-items:center !important;
gap:12px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-icon{
width:30px !important;
height:30px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:10px !important;
color:inherit !important;
background:rgba(255,255,255,.04) !important;
border:1px solid rgba(255,255,255,.08) !important;
font-size:.92rem !important;
line-height:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card.is-selected .pt-flow-icon{
background:rgba(242,211,111,.10) !important;
border-color:rgba(242,211,111,.26) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-copy{
display:grid !important;
gap:2px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card small{
color:rgba(226,236,250,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-state{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-state-dot{
width:14px !important;
height:14px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:999px !important;
border:1px solid rgba(242,211,111,.30) !important;
background:rgba(242,211,111,.06) !important;
color:transparent !important;
font-size:.62rem !important;
line-height:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card.is-selected .pt-flow-state-dot{
background:#f1d279 !important;
border-color:#f1d279 !important;
color:#08101b !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-detail{
grid-column:1 / -1 !important;
display:flex !important;
align-items:flex-start !important;
gap:10px !important;
margin-top:2px !important;
padding:9px 10px !important;
border-radius:14px !important;
border:1px solid rgba(242,211,111,.22) !important;
background:linear-gradient(180deg,rgba(242,211,111,.09),rgba(242,211,111,.04)) !important;
color:rgba(226,236,250,.82) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-detail span{
color:#f1d279 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-detail p{
margin:0 !important;
color:rgba(226,236,250,.80) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-detail p strong{
display:block !important;
color:#f8fafc !important;
margin-bottom:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card > .pt-change-review-head{
display:flex !important;
align-items:center !important;
gap:8px !important;
margin:0 0 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card > .pt-change-review-head .pt-change-review-icon{
min-width:24px !important;
width:24px !important;
height:24px !important;
padding:0 !important;
border-radius:9px !important;
border:1px solid rgba(242,211,111,.18) !important;
border-top:1px solid rgba(242,211,111,.18) !important;
background:rgba(242,211,111,.10) !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
color:inherit !important;
font-size:.88rem !important;
line-height:1 !important;
flex:0 0 24px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card > .pt-change-review-head small{
display:block !important;
margin:0 !important;
color:rgba(183,199,220,.82) !important;
}
@media (max-width:1120px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-summary{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card{
min-height:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-option-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-change-step{
padding:15px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card{
padding:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card > div span{
align-items:flex-start !important;
}
}
/* R4X v1477 · Änderungseinordnung als Auswahlkarten, Transfer und Swap getrennt */
/* R4X v1478 · Bestehende Position über Hinzufügen nutzt denselben Änderungsfluss */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-native{
position:absolute !important;
width:1px !important;
height:1px !important;
opacity:0 !important;
pointer-events:none !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-option-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:10px !important;
margin-top:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card{
min-height:86px !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:flex-start !important;
gap:7px !important;
text-align:left !important;
border:1px solid rgba(255,255,255,.10) !important;
border-radius:14px !important;
background:linear-gradient(180deg,rgba(11,20,31,.90),rgba(7,16,24,.76)) !important;
color:#e8edf5 !important;
padding:12px 13px !important;
cursor:pointer !important;
box-shadow:0 10px 22px rgba(0,0,0,.14) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card:hover{
border-color:rgba(242,211,111,.34) !important;
transform:translateY(-1px) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card:focus-visible{
outline:none !important;
border-color:rgba(242,211,111,.62) !important;
box-shadow:0 0 0 3px rgba(242,211,111,.14), 0 12px 24px rgba(0,0,0,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card.is-selected{
border-color:rgba(242,211,111,.68) !important;
background:linear-gradient(180deg,rgba(242,211,111,.18),rgba(11,20,31,.86)) !important;
box-shadow:inset 0 0 0 1px rgba(242,211,111,.12), 0 14px 28px rgba(0,0,0,.20) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card small{
color:rgba(226,236,250,.68) !important;
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card.is-selected small{
color:rgba(248,250,252,.82) !important;
}
@media (max-width:1100px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-option-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-option-grid{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card{
min-height:0 !important;
}
}
/* R4X v1479 · Position change visual relief, icons and calmer typography */
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-change-step{
border:1px solid rgba(242,211,111,.18) !important;
background:linear-gradient(145deg,rgba(16,27,40,.96),rgba(8,15,24,.94) 54%,rgba(242,211,111,.035)) !important;
box-shadow:0 18px 38px rgba(0,0,0,.24) !important;
padding:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-head{
display:block !important;
padding:0 !important;
margin:0 0 16px !important;
border:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-required{
margin-left:7px !important;
padding:3px 8px !important;
color:#101827 !important;
background:#f1d279 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-subline{
color:rgba(226,236,250,.70) !important;
max-width:64ch !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-summary{
grid-template-columns:1fr 1fr 1fr !important;
gap:12px !important;
margin:0 0 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card{
min-height:126px !important;
border-radius:15px !important;
border:1px solid rgba(255,255,255,.09) !important;
background:rgba(5,14,23,.72) !important;
padding:9px 10px !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card--input{
border-color:rgba(242,211,111,.28) !important;
background:linear-gradient(160deg,rgba(242,211,111,.085),rgba(5,14,23,.72) 62%) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card--after.is-ready{
border-color:rgba(92,211,151,.26) !important;
background:linear-gradient(160deg,rgba(92,211,151,.070),rgba(5,14,23,.72) 62%) !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card--after.is-pending{
border-style:dashed !important;
border-color:rgba(226,236,250,.16) !important;
background:rgba(5,14,23,.46) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-head{
display:flex !important;
align-items:center !important;
gap:8px !important;
margin:0 0 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-icon{
width:24px !important;
height:24px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:9px !important;
color:#f1d279 !important;
background:rgba(242,211,111,.10) !important;
border:1px solid rgba(242,211,111,.18) !important;
font-size:.82rem !important;
flex:0 0 24px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-head small{
color:rgba(183,199,220,.82) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-main{
color:#f8fafc !important;
margin-bottom:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-rows{
display:grid !important;
gap:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-rows span{
display:flex !important;
align-items:baseline !important;
justify-content:space-between !important;
gap:10px !important;
border-top:1px solid rgba(255,255,255,.075) !important;
padding-top:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-rows em{
color:rgba(183,199,220,.80) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-rows b{
color:#f8fafc !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-edit-flow-card,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-choice{
padding:0 !important;
margin:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field--change-flow{
max-width:none !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field--change-flow > span{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field--change-flow > small{
color:rgba(226,236,250,.66) !important;
margin:0 0 4px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-option-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:10px !important;
margin-top:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card{
min-height:64px !important;
display:grid !important;
grid-template-columns:30px minmax(0,1fr) !important;
align-items:center !important;
gap:10px !important;
border:1px solid rgba(255,255,255,.095) !important;
border-radius:14px !important;
background:rgba(5,14,23,.66) !important;
padding:9px 10px !important;
box-shadow:none !important;
transform:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card:hover{
border-color:rgba(242,211,111,.34) !important;
transform:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card.is-selected{
border-color:rgba(242,211,111,.70) !important;
background:linear-gradient(160deg,rgba(242,211,111,.18),rgba(5,14,23,.76) 70%) !important;
box-shadow:0 0 0 1px rgba(242,211,111,.08) inset !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-icon{
width:30px !important;
height:30px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:12px !important;
color:#f1d279 !important;
background:rgba(242,211,111,.10) !important;
border:1px solid rgba(242,211,111,.18) !important;
font-size:1.02rem !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-copy{
display:grid !important;
gap:3px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card small{
color:rgba(226,236,250,.64) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-detail{
grid-column:1 / -1 !important;
display:flex !important;
align-items:flex-start !important;
gap:9px !important;
margin-top:2px !important;
padding:10px 12px !important;
border-radius:13px !important;
border:1px solid rgba(242,211,111,.18) !important;
background:rgba(242,211,111,.055) !important;
color:rgba(226,236,250,.80) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-detail span{
color:#f1d279 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-detail p{
margin:0 !important;
color:rgba(226,236,250,.78) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card > .pt-change-review-head{
display:flex !important;
align-items:center !important;
gap:8px !important;
margin:0 0 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card > .pt-change-review-head .pt-change-review-icon{
min-width:24px !important;
width:24px !important;
height:24px !important;
padding:0 !important;
border-radius:9px !important;
border:1px solid rgba(242,211,111,.18) !important;
border-top:1px solid rgba(242,211,111,.18) !important;
background:rgba(242,211,111,.10) !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
color:inherit !important;
font-size:.88rem !important;
line-height:1 !important;
flex:0 0 24px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card > .pt-change-review-head small{
display:block !important;
margin:0 !important;
color:rgba(183,199,220,.82) !important;
}
@media (max-width:1120px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-summary{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card{
min-height:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-option-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-change-step{
padding:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-required{
display:inline-flex !important;
margin:6px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-summary{
gap:10px !important;
margin-bottom:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-option-grid{
grid-template-columns:1fr !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card{
min-height:56px !important;
padding:10px 11px !important;
}
}
/* v1483 compact two-line transaction cards */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-option-grid{
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card{
min-height:56px !important;
grid-template-columns:minmax(0,1fr) 14px !important;
align-items:start !important;
gap:8px !important;
padding:8px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-card-main{
grid-template-columns:1fr !important;
align-items:start !important;
justify-items:start !important;
gap:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-icon{
width:24px !important;
height:24px !important;
border-radius:8px !important;
font-size:.82rem !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-copy{
gap:2px !important;
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card strong{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card small{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-state{
padding-top:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-state-dot{
width:14px !important;
height:14px !important;
font-size:.62rem !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card{
min-height:58px !important;
padding:9px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card strong{
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card small{
white-space:normal !important;
}
}
/* v1484 compact cards with icon left */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card{
min-height:56px !important;
grid-template-columns:minmax(0,1fr) 14px !important;
align-items:center !important;
gap:8px !important;
padding:8px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-card-main{
grid-template-columns:24px minmax(0,1fr) !important;
align-items:center !important;
justify-items:stretch !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-icon{
width:24px !important;
height:24px !important;
border-radius:8px !important;
font-size:.82rem !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-copy{
gap:2px !important;
width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card strong{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card small{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-state{
padding-top:0 !important;
align-items:center !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card{
min-height:58px !important;
padding:9px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-flow-card-main{
grid-template-columns:24px minmax(0,1fr) !important;
gap:8px !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card strong,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-flow-card small{
white-space:normal !important;
}
}
/* v1485 modal compact flow and collapsed optional section */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head{
padding-bottom:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-subline{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step--change{
padding:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-head{
display:block !important;
padding:0 !important;
margin:0 0 16px !important;
border:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-subline{
margin-top:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-summary{
gap:10px !important;
margin-bottom:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card{
min-height:0 !important;
padding:12px !important;
border-radius:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card > .pt-change-review-head{
margin-bottom:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-main{
margin-top:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-rows{
margin-top:8px !important;
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field--change-flow{
padding:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step--journal{
padding:0 !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-head{
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle{
width:100% !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:14px !important;
padding:16px !important;
border:0 !important;
border-radius:inherit !important;
background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)) !important;
color:inherit !important;
text-align:left !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle:hover,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle:focus-visible{
outline:none !important;
background:linear-gradient(180deg,rgba(242,211,111,.06),rgba(255,255,255,.015)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle-copy{
display:grid !important;
gap:4px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle-action{
flex:0 0 auto !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:32px !important;
padding:7px 10px !important;
border-radius:999px !important;
border:1px solid rgba(242,211,111,.22) !important;
background:rgba(5,14,23,.54) !important;
color:#f1d279 !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step--journal.is-open .pt-journal-toggle-action{
color:#08101b !important;
background:#f1d279 !important;
border-color:#f1d279 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-journal-body{
padding:0 16px 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-journal-body[hidden]{
display:none !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step--change{
padding:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-review-card{
padding:11px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle{
align-items:flex-start !important;
flex-direction:column !important;
gap:10px !important;
padding:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle-action{
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-journal-body{
padding:0 14px 14px !important;
}
}
/* v1486 transaction date and mobile quick actions */
body[data-nav-tool="Portfolio Tracker"] #transaction-date-field small{
display:block !important;
margin-top:6px !important;
color:rgba(226,236,250,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-inline-required{
display:inline-flex !important;
align-items:center !important;
margin-left:6px !important;
padding:2px 8px !important;
border-radius:999px !important;
background:rgba(242,211,111,.14) !important;
color:#f1d279 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-de-holding-date-hint{
margin:10px 0 0 !important;
padding:10px 12px !important;
border-radius:12px !important;
border:1px solid rgba(242,211,111,.16) !important;
background:rgba(242,211,111,.06) !important;
color:rgba(226,236,250,.80) !important;
}
html body #tracking-table .pt-mobile-position-card__asset{
position:relative !important;
align-items:flex-start !important;
gap:10px !important;
}
html body #tracking-table .pt-mobile-position-card__asset-copy{
flex:1 1 auto !important;
min-width:0 !important;
}
html body #tracking-table .pt-mobile-position-card__quick-actions{
display:flex !important;
align-items:center !important;
gap:6px !important;
margin-left:auto !important;
flex:0 0 auto !important;
}
html body #tracking-table .pt-mini-btn.pt-mini-btn--icon-only{
width:30px !important;
min-width:30px !important;
height:30px !important;
padding:0 !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
}
html body #tracking-table .pt-mini-btn.pt-mini-btn--icon-only .pt-btn-label{
display:none !important;
}
html body #tracking-table .pt-mini-btn.pt-mini-btn--icon-only .pt-btn-icon{
margin:0 !important;
font-size:.95rem !important;
line-height:1 !important;
}
html body #tracking-table .pt-mobile-position-card__details .pt-mobile-position-card__actions{
display:none !important;
}
@media (max-width:760px){
html body #tracking-table .pt-mobile-position-card__quick-actions{
gap:5px !important;
}
html body #tracking-table .pt-mini-btn.pt-mini-btn--icon-only{
width:28px !important;
min-width:28px !important;
height:28px !important;
}
}
/* v1490 existing-position input scope */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-panel{
display:block;
margin:0 0 12px !important;
padding:10px !important;
border:1px solid rgba(242,211,111,.14) !important;
border-radius:16px !important;
background:rgba(255,255,255,.035) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-panel[hidden]{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-title{
margin:0 0 8px !important;
color:rgba(226,236,250,.76) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card{
appearance:none !important;
-webkit-appearance:none !important;
text-align:left !important;
border:1px solid rgba(255,255,255,.10) !important;
border-radius:14px !important;
background:rgba(3,8,18,.42) !important;
color:rgba(245,247,252,.92) !important;
padding:10px 11px !important;
cursor:pointer !important;
min-height:74px !important;
display:flex !important;
flex-direction:column !important;
gap:4px !important;
box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card strong{
color:#fff !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card small{
color:rgba(226,236,250,.68) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card.is-active{
border-color:rgba(242,211,111,.62) !important;
background:linear-gradient(180deg,rgba(242,211,111,.14),rgba(255,255,255,.045)) !important;
box-shadow:0 0 0 1px rgba(242,211,111,.16),0 14px 28px rgba(0,0,0,.24) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-grid{
grid-template-columns:1fr !important;
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card{
min-height:58px !important;
padding:9px 10px !important;
}
}
/* R4X v1604 · Portfolio-Stand-Contract Anzeigen im Tracker */
body[data-nav-tool="Portfolio Tracker"] .pt-contract-summary{
display:grid !important;
gap:8px !important;
align-content:start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-feature .pt-contract-summary{
padding:16px 20px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero--chart > .pt-contract-summary{
justify-self:end !important;
min-width:280px !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-current span,
body[data-nav-tool="Portfolio Tracker"] .pt-contract-row span{
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-current strong{
display:block !important;
margin-top:2px !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-row{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-row em{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-summary small{
display:block !important;
color:rgba(205,220,240,.62) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-summary .pt-trend.is-neutral,
body[data-nav-tool="Portfolio Tracker"] .pt-history-stat-grid em.is-neutral,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot em.is-neutral{
color:#d3dbe7 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero--chart{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero--chart > .pt-contract-summary{
justify-self:stretch !important;
min-width:0 !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-feature .pt-contract-summary{
padding:12px 14px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-summary{
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-row{
width:100% !important;
}
}
/* R4X v1605 · Portfolio Tracker Vergleichswerte, Mobile gestapelt und Desktop Zeitraum geordnet */
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period{
display:flex !important;
flex-direction:column !important;
align-items:flex-end !important;
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period span{
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period small{
display:block !important;
color:rgba(205,220,240,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period em{
white-space:nowrap !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-contract-current,
body[data-nav-tool="Portfolio Tracker"] .pt-contract-row,
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period{
align-items:flex-start !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-row{
flex-direction:column !important;
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period{
gap:5px !important;
}
}
/* R4X v1606 · Portfolio Tracker Vergleichslabel mit Datum in einer Zeile */
body[data-nav-tool="Portfolio Tracker"] .pt-contract-label{
display:flex !important;
align-items:baseline !important;
gap:7px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-label span{
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-label small{
display:inline !important;
color:rgba(205,220,240,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-row,
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period{
display:flex !important;
flex-direction:column !important;
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period{
align-items:flex-end !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period .pt-contract-label{
justify-content:flex-end !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-row em,
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period em{
white-space:nowrap !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-contract-row,
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period{
align-items:flex-start !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-label{
flex-wrap:wrap !important;
gap:5px 7px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period .pt-contract-label{
justify-content:flex-start !important;
}
}
/* R4X v1608 · Gemeinsames Portfolio-Verlaufsmodul */
body[data-nav-tool="Portfolio Tracker"] .pt-contract-summary{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(240px,auto) !important;
align-items:start !important;
gap:16px !important;
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-feature > .pt-contract-summary{
padding:16px 20px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero--chart > .pt-contract-summary{
grid-column:1 / -1 !important;
justify-self:stretch !important;
min-width:0 !important;
text-align:left !important;
padding:2px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-left,
body[data-nav-tool="Portfolio Tracker"] .pt-contract-right{
display:flex !important;
flex-direction:column !important;
gap:10px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-right{
align-items:flex-end !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-current span,
body[data-nav-tool="Portfolio Tracker"] .pt-contract-label span{
color:rgba(205,220,240,.48) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-current strong{
display:block !important;
margin-top:2px !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-row,
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period{
display:flex !important;
flex-direction:column !important;
gap:5px !important;
align-items:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period{
align-items:flex-end !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-label{
display:flex !important;
align-items:baseline !important;
gap:7px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period .pt-contract-label{
justify-content:flex-end !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-label small{
display:inline !important;
color:rgba(205,220,240,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-row em,
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period em{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-secondary-save{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:max-content !important;
max-width:100% !important;
margin-top:12px !important;
border:1px solid rgba(212,175,55,.38) !important;
border-radius:12px !important;
background:rgba(212,175,55,.08) !important;
color:#f5d879 !important;
padding:10px 13px !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-secondary-save:hover{
border-color:rgba(245,216,121,.62) !important;
background:rgba(212,175,55,.14) !important;
}
@media (min-width:761px){
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero--chart{
grid-template-columns:minmax(0,1fr) !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-contract-summary{
grid-template-columns:1fr !important;
gap:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-feature > .pt-contract-summary{
padding:12px 14px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-left,
body[data-nav-tool="Portfolio Tracker"] .pt-contract-right,
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period{
align-items:flex-start !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-period .pt-contract-label{
justify-content:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-contract-label{
flex-wrap:wrap !important;
gap:5px 7px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-secondary-save{
width:100% !important;
}
}
/* R4X v1609 · Portfolio-Stände sekundärer Stand-speichern-CTA nicht fett */
/* R4X v1610 · Portfolio Tracker Charts: Grün positiv, Rot negativ */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap.is-positive .pt-ov-chart-line{
stroke:#2ee69a !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap.is-positive .pt-ov-chart-area{
fill:rgba(46,230,154,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap.is-positive .pt-ov-chart-dot,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap.is-positive .pt-ov-chart-dot--edge{
fill:#2ee69a !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap.is-positive .pt-ov-chart-current{
stroke:rgba(46,230,154,.26) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap.is-negative .pt-ov-chart-line{
stroke:#ff5967 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap.is-negative .pt-ov-chart-area{
fill:rgba(255,89,103,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap.is-negative .pt-ov-chart-dot,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap.is-negative .pt-ov-chart-dot--edge{
fill:#ff5967 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap.is-negative .pt-ov-chart-current{
stroke:rgba(255,89,103,.26) !important;
}
/* R4X v1611 · Portfolio Charts segmentweise grün/rot und Referenz in Stahlblau */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-area{
fill:rgba(138,149,166,.13) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-segment{
fill:none !important;
stroke-width:3 !important;
stroke-linecap:round !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-segment.is-positive{
stroke:#2ee69a !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-segment.is-negative{
stroke:#ff5967 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-segment.is-neutral{
stroke:#8a95a6 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap .pt-ov-chart-dot.is-positive,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap .pt-ov-chart-dot--edge.is-positive{
fill:#2ee69a !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap .pt-ov-chart-dot.is-negative,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap .pt-ov-chart-dot--edge.is-negative{
fill:#ff5967 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap .pt-ov-chart-dot.is-neutral,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap .pt-ov-chart-dot--edge.is-neutral{
fill:#8a95a6 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-current{
stroke:rgba(138,149,166,.28) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__delta span,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__grid div:first-child span,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-badge{
color:#aed9ff !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare{
border-color:rgba(174,217,255,.24) !important;
background:
radial-gradient(420px 150px at 92% 0%, rgba(174,217,255,.10), transparent 62%),
linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012)) !important;
}
/* R4X v1612 · Referenzblock CTA Farben und passive Standkarten */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-clear,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-clear{
color:#aed9ff !important;
border-color:rgba(174,217,255,.44) !important;
background:rgba(174,217,255,.10) !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-clear:hover,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-clear:hover{
color:#d9ebff !important;
border-color:rgba(174,217,255,.62) !important;
background:rgba(174,217,255,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-details > summary,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-details > summary{
color:#aed9ff !important;
text-decoration:underline !important;
text-decoration-color:#f2d36f !important;
text-underline-offset:3px !important;
text-decoration-thickness:1px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-details > summary i,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-details > summary i{
color:#aed9ff !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div{
cursor:default !important;
padding:14px 14px 14px 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div::after{
display:none !important;
content:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div:hover{
transform:none !important;
border-color:rgba(255,255,255,.075) !important;
background:linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.008)) !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div:last-child:hover{
border-color:rgba(212,175,55,.28) !important;
background:radial-gradient(220px 120px at 100% 0%, rgba(244,212,116,.14), transparent 65%), linear-gradient(180deg, rgba(244,212,116,.04), rgba(255,255,255,.012)) !important;
}
/* R4X v1613 · Preisbasis, Referenzmarker in Übersicht und Referenzfarbe */
body[data-nav-tool="Portfolio Tracker"] .pt-contract-price-basis{
display:block !important;
margin-top:3px !important;
color:rgba(205,220,240,.58) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-wrap{
position:relative !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-reference-line{
stroke:rgba(174,217,255,.72) !important;
stroke-width:2 !important;
stroke-dasharray:6 7 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-reference-dot{
fill:#aed9ff !important;
stroke:#0b0f17 !important;
stroke-width:3 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-reference{
position:absolute !important;
top:13px !important;
transform:translateX(-50%) !important;
z-index:5 !important;
pointer-events:none !important;
user-select:none !important;
padding:3px 7px !important;
border:1px solid rgba(174,217,255,.44) !important;
border-radius:999px !important;
background:rgba(174,217,255,.12) !important;
color:#aed9ff !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__reference,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__delta span,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare__grid div:first-child span,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-badge,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-clear,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-clear,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-details > summary,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-details > summary,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-details > summary i,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-details > summary i{
color:#aed9ff !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-clear,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-clear{
border-color:rgba(174,217,255,.44) !important;
background:rgba(174,217,255,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-clear:hover,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-clear:hover{
border-color:rgba(174,217,255,.64) !important;
background:rgba(174,217,255,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-compare{
border-color:rgba(174,217,255,.24) !important;
background:
radial-gradient(420px 150px at 92% 0%, rgba(174,217,255,.10), transparent 62%),
linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012)) !important;
}
/* R4X v1614 · Referenzhinweis nur in Übersicht und robuster Stände-Speichern-CTA */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-reference-strip{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
margin:8px 20px 0 !important;
padding:7px 10px !important;
border:1px solid rgba(174,217,255,.22) !important;
border-radius:12px !important;
background:rgba(174,217,255,.055) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-reference-strip div{
display:flex !important;
align-items:baseline !important;
gap:8px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-reference-strip span{
color:#aed9ff !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-reference-strip small{
color:#aed9ff !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-reference-strip.is-positive strong{ color:#2ee69a !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-ov-reference-strip.is-negative strong{ color:#ff5967 !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-ov-reference-strip.is-neutral strong{ color:rgba(205,220,240,.72) !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-history-secondary-save{
pointer-events:auto !important;
position:relative !important;
z-index:5 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-reference-strip{
margin:8px 14px 0 !important;
align-items:flex-start !important;
flex-direction:column !important;
gap:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-reference-strip div{
flex-wrap:wrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-reference-strip small{
white-space:normal !important;
}
}
/* R4X v1615 · Übersicht Referenzbox nach Status einfärben */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-reference-strip.is-negative{
border-color:rgba(255,89,103,.38) !important;
background:rgba(255,89,103,.105) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-reference-strip.is-positive{
border-color:rgba(46,230,154,.32) !important;
background:rgba(46,230,154,.085) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-reference-strip.is-neutral{
border-color:rgba(174,217,255,.22) !important;
background:rgba(174,217,255,.055) !important;
}
/* R4X v1618 · Standkarten ohne Währungsbadge */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-currency-badge{
display:none !important;
}
/* R4X v1621 · Referenz-Badge im Archiv sichtbar und stahlblau */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-badge,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-reference-badge--action{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:28px !important;
padding:5px 10px !important;
border:1px solid rgba(174,217,255,.44) !important;
border-radius:999px !important;
background:rgba(174,217,255,.10) !important;
color:#aed9ff !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-meta-row .pt-snapshot-reference-badge{
min-height:20px !important;
padding:3px 7px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item.is-reference > summary,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item.is-reference > summary{
border-color:rgba(174,217,255,.36) !important;
background:linear-gradient(180deg, rgba(174,217,255,.055), rgba(255,255,255,.018)) !important;
}
/* R4X v1622 · Aktive Referenz im Archiv direkt entfernbar */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-action--reference-clear{
border-color:rgba(174,217,255,.44) !important;
background:rgba(174,217,255,.10) !important;
color:#aed9ff !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-action--reference-clear:hover{
border-color:rgba(174,217,255,.66) !important;
background:rgba(174,217,255,.16) !important;
color:#d9ecff !important;
}
/* R4X v1588 · Portfolio Übersicht, Karten- und CTA-Konsistenz */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-head{
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-title{
display:flex !important;
align-items:center !important;
gap:12px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-title > div{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-icon{
width:40px !important;
height:40px !important;
flex:0 0 40px !important;
display:grid !important;
place-items:center !important;
border-radius:13px !important;
border:1px solid rgba(212,175,55,.30) !important;
background:linear-gradient(180deg, rgba(212,175,55,.14), rgba(212,175,55,.055)) !important;
color:#f2d36f !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.24) !important;
font-size:1rem !important;
line-height:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-icon--tax{
font-size:1.18rem !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-body{
flex:1 1 auto !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-body .pt-ov-muted--body,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-taxprep .pt-ov-muted--body{
padding:16px 20px 0 !important;
}
/* ── v1684 STEUER-BOX: DACH-Chips + Steps ───────────────────────────────── */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-taxprep-body{
padding:14px 20px 0 !important;
display:flex !important;
flex-direction:column !important;
gap:14px !important;
flex:1 !important;
}
/* Drei DACH-Länder-Chips nebeneinander */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-taxprep-chips{
display:flex !important;
gap:8px !important;
flex-wrap:wrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip{
display:flex !important;
align-items:center !important;
gap:6px !important;
padding:6px 11px 6px 8px !important;
border-radius:10px !important;
border:1px solid rgba(255,255,255,.09) !important;
background:rgba(255,255,255,.03) !important;
min-width:0 !important;
flex:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip__flag{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:24px !important;
height:24px !important;
border-radius:6px !important;
font-size:.64rem !important;
flex-shrink:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip--de .pt-taxchip__flag{
background:rgba(220,50,50,.15) !important;
color:#e88 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip--at .pt-taxchip__flag{
background:rgba(220,50,50,.15) !important;
color:#e88 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip--ch .pt-taxchip__flag{
background:rgba(220,50,50,.15) !important;
color:#e88 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip__method{
color:rgba(195,215,238,.65) !important;
white-space:nowrap !important;
}
/* 3-Schritte-Liste */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-taxprep-steps{
list-style:none !important;
padding:0 !important;
margin:0 !important;
display:flex !important;
flex-direction:column !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-taxprep-steps li{
display:flex !important;
align-items:center !important;
gap:10px !important;
color:rgba(210,225,245,.75) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-taxstep__num{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:20px !important;
height:20px !important;
border-radius:50% !important;
border:1px solid rgba(212,175,55,.3) !important;
background:rgba(212,175,55,.08) !important;
color:#d4af37 !important;
flex-shrink:0 !important;
}
/* Disclaimer-Zeile unten */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-taxprep-note{
color:rgba(160,185,215,.38) !important;
margin:0 !important;
margin-top:auto !important;
}
/* ── GRID: auf Desktop gleich nebeneinander, auf Mobile untereinander ─────── */
/* Secondary-Grid: Regeln-Karte etwas breiter als Steuer-Box */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-grid--secondary{
grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-grid--secondary{
grid-template-columns:1fr !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-actions{
display:flex !important;
align-items:center !important;
gap:10px !important;
margin-top:auto !important;
padding:16px 20px 20px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rules-card,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-taxprep{
display:flex !important;
flex-direction:column !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rules-body{
padding:16px 20px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rules-body .pt-rules-list{
margin:0 0 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rules-body .pt-rule-note{
margin-top:0 !important;
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-title{
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-icon{
width:36px !important;
height:36px !important;
flex-basis:36px !important;
border-radius:12px !important;
font-size:.95rem !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-icon--tax{
font-size:1.08rem !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-actions{
padding:14px 18px 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-actions .pt-ov-action-btn{
width:100% !important;
justify-content:center !important;
}
}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
/* R4X v1829 Plus Ablauf Archivmodus */
body[data-nav-tool="Portfolio Tracker"] .pt-plus-archive-banner>div{min-width:0;}
body[data-nav-tool="Portfolio Tracker"] .pt-plus-archive-banner__icon{place-items:center;
}
body[data-nav-tool="Portfolio Tracker"] .pt-lock-note--archive{border-color:rgba(212,175,55,.36);background:rgba(212,175,55,.08);}
@media(max-width:760px){
}
/* R4X v1960 · Portfolio-Rahmen Plus-Policy + CTA-Quicklinks */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks{
align-items:flex-start !important;
gap:9px !important;
padding:13px 22px 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks__label,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks span.pt-rules-quicklinks__label{
flex:0 0 100% !important;
margin:0 0 2px !important;
color:rgba(222,231,244,.74) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks .pt-rule-jump-cta{
min-height:34px !important;
padding:0 12px !important;
border-radius:12px !important;
border:1px solid rgba(142,164,192,.22) !important;
background:linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.024)) !important;
color:rgba(232,238,248,.9) !important;
box-shadow:0 10px 22px rgba(0,0,0,.14) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks .pt-rule-jump-cta i{
margin-left:7px !important;
color:rgba(242,211,111,.78) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks .pt-rule-jump-cta:hover,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks .pt-rule-jump-cta:focus-visible{
transform:translateY(-1px) !important;
border-color:rgba(242,211,111,.45) !important;
background:linear-gradient(180deg, rgba(242,211,111,.12), rgba(242,211,111,.045)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure input:focus,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure select:focus{
border-color:rgba(118,168,218,.55) !important;
box-shadow:0 0 0 3px rgba(118,168,218,.16) !important;
outline:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure .pt-rule-label--active input:not(:focus),
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure .pt-rule-label--active select:not(:focus){
border-color:rgba(118,168,218,.24) !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-plus-lock,
body[data-nav-tool="Portfolio Tracker"] .pt-rule-plus-paused{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:12px !important;
align-items:center !important;
padding:13px 14px !important;
border:1px solid rgba(212,175,55,.22) !important;
border-radius:16px !important;
background:linear-gradient(180deg, rgba(212,175,55,.075), rgba(212,175,55,.028)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-plus-lock span,
body[data-nav-tool="Portfolio Tracker"] .pt-rule-plus-paused span{
display:block !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-plus-lock p,
body[data-nav-tool="Portfolio Tracker"] .pt-rule-plus-paused p{
margin:4px 0 0 !important;
color:rgba(205,218,236,.64) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-plus-lock a,
body[data-nav-tool="Portfolio Tracker"] .pt-rule-plus-paused a{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:34px !important;
padding:0 13px !important;
border-radius:12px !important;
background:linear-gradient(180deg, #f2d36f, #d4af37) !important;
color:#120f08 !important;
text-decoration:none !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group--locked{
border-color:rgba(212,175,55,.18) !important;
background:rgba(212,175,55,.018) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group--locked .pt-rules-group__icon{
background:rgba(212,175,55,.06) !important;
border-color:rgba(212,175,55,.2) !important;
color:rgba(242,211,111,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-label--locked{
opacity:.86 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-label--locked input,
body[data-nav-tool="Portfolio Tracker"] .pt-rule-label--locked select,
body[data-nav-tool="Portfolio Tracker"] .pt-rule-label--locked textarea{
cursor:not-allowed !important;
color:rgba(222,231,244,.62) !important;
border-color:rgba(142,164,192,.18) !important;
background:rgba(255,255,255,.022) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-label--locked > span:first-child,
body[data-nav-tool="Portfolio Tracker"] .pt-rule-label--locked.pt-rules-check > span{
color:rgba(232,238,248,.76) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-plus-pill{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
margin-left:7px !important;
min-height:18px !important;
padding:0 7px !important;
border:1px solid rgba(212,175,55,.28) !important;
border-radius:999px !important;
background:rgba(212,175,55,.08) !important;
color:#f2d36f !important;
vertical-align:middle !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-note-block--locked .pt-rules-form__note{
border-color:rgba(212,175,55,.16) !important;
background:rgba(212,175,55,.022) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-focus-pulse{
animation:ptRuleFocusPulseV1960 1.7s ease-out 1 !important;
}
@keyframes ptRuleFocusPulseV1960{
0%{box-shadow:0 0 0 0 rgba(242,211,111,.26)}
45%{box-shadow:0 0 0 5px rgba(242,211,111,.13)}
100%{box-shadow:0 0 0 0 rgba(242,211,111,0)}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks{
display:grid !important;
grid-template-columns:1fr 1fr !important;
overflow:visible !important;
padding:11px 16px 13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks__label,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks span.pt-rules-quicklinks__label{
grid-column:1 / -1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks .pt-rule-jump-cta{
width:100% !important;
min-height:36px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-plus-lock,
body[data-nav-tool="Portfolio Tracker"] .pt-rule-plus-paused{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-plus-lock a,
body[data-nav-tool="Portfolio Tracker"] .pt-rule-plus-paused a{
width:100% !important;
}
}
/* R4X v2205 · Portfolio-Stände: Notiz direkt beim Stand speichern */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-save-control{
display:grid !important;
gap:9px !important;
width:min(100%, 520px) !important;
margin-top:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-save-control__actions{
display:flex !important;
align-items:center !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-note-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:38px !important;
height:38px !important;
flex:0 0 38px !important;
padding:0 !important;
cursor:pointer !important;
transition:border-color .12s ease,color .12s ease,background .12s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-save-control__note[hidden]{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-save-control__field{
display:grid !important;
gap:6px !important;
padding:12px 14px !important;
border:1px solid rgba(255,255,255,.07) !important;
border-radius:14px !important;
background:rgba(255,255,255,.022) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-save-control__field span{
color:#9ba8bd !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-save-control__field input{
width:100% !important;
box-sizing:border-box !important;
padding:9px 11px !important;
border:1px solid rgba(255,255,255,.09) !important;
border-radius:10px !important;
outline:none !important;
background:rgba(5,8,13,.34) !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-save-control__field input:focus{
border-color:rgba(244,212,116,.45) !important;
box-shadow:0 0 0 3px rgba(244,212,116,.1) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-save-control,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-save-control__actions{
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-save-control__actions .pt-btn{
flex:1 1 auto !important;
}
}
/* R4X v2366 · Desktop-Positionen zweizeilig, Bestand auf Mobile in den Details. */
@media (min-width:761px){
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-movement-head,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-movement-row{
min-width:1040px !important;
display:grid !important;
grid-template-columns:minmax(210px,1.55fr) minmax(112px,.82fr) minmax(102px,.72fr) minmax(102px,.72fr) minmax(144px,1fr) minmax(70px,.5fr) 104px !important;
grid-template-rows:auto auto !important;
grid-template-areas:
"asset amount price value result share actions"
"asset entry marketcap day1 day7 day1y actions" !important;
column-gap:13px !important;
row-gap:6px !important;
align-items:center !important;
}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-movement-head{
min-height:52px !important;
padding:7px 0 9px !important;
}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-movement-row{
min-height:94px !important;
padding:12px 0 !important;
}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-asset-cell,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--asset{grid-area:asset !important;}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--amount,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--amount{grid-area:amount !important;}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--price,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--price{grid-area:price !important;}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--value,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--value{grid-area:value !important;}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--result,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--result{grid-area:result !important;}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--share,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--share{grid-area:share !important;}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--entry,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--entry{grid-area:entry !important;}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--marketcap,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--marketcap{grid-area:marketcap !important;}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--day1,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--day1{grid-area:day1 !important;}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--day7,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--day7{grid-area:day7 !important;}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--day1y,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--day1y{grid-area:day1y !important;}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-tracking-actions,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--actions{grid-area:actions !important;}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head{
min-width:0 !important;
align-self:end !important;
text-align:right !important;
white-space:nowrap !important;
}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--asset{
align-self:center !important;
text-align:left !important;
}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--entry,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--marketcap,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--day1,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--day7,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-move-head--day1y{
align-self:start !important;
padding-top:7px !important;
border-top:1px solid rgba(255,255,255,.055) !important;
color:rgba(104,128,157,.76) !important;
}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--entry,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--marketcap,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--day1,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--day7,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--day1y{
align-self:start !important;
padding-top:8px !important;
border-top:1px solid rgba(255,255,255,.05) !important;
}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--amount .pt-cell-value{
color:#f4f7fc !important;
font-variant-numeric:tabular-nums !important;
}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--entry .pt-cell-value,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-cell--marketcap .pt-cell-value{
color:rgba(220,229,240,.84) !important;
font-size:.84rem !important;
}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-tracking-actions{
align-self:center !important;
}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-tax-detail,
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-thesis-block{
grid-column:1 / -1 !important;
grid-row:auto !important;
}
}
@media (max-width:760px){
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-mobile-position-card__detail-row--amount{
background:rgba(124,157,196,.045) !important;
}
html body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-mobile-position-card__detail-row--amount strong{
color:#f4f7ff !important;
font-variant-numeric:tabular-nums !important;
}
}
/* R4X v2364 · Daten nach Aufgaben gruppieren, ohne künstliche Schrittfolge. */
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group{
position:relative !important;
min-width:0 !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group::before{
content:"" !important;
position:absolute !important;
inset:0 auto 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group__head{
position:relative !important;
z-index:1 !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group__head > div{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group-icon{
position:relative !important;
place-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group-icon::after{
content:"" !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:contain !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group__footer{
position:relative !important;
z-index:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-action-list{
position:relative !important;
z-index:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-action-row{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-grid{
position:relative !important;
z-index:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-item{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-item__head{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-item__icon{
place-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-item__icon::after{
content:"" !important;
background-repeat:no-repeat !important;
background-position:center !important;
background-size:contain !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-actions{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-tax-export-step{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 auto !important;
min-width:24px !important;
height:24px !important;
padding:0 5px !important;
border-radius:8px !important;
border:1px solid rgba(255,255,255,.34) !important;
background:rgba(255,255,255,.18) !important;
color:#0b1119 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-btn--tax-primary{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-btn--tax-primary:hover{
transform:translateY(-1px) !important;
filter:brightness(1.04) !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-btn--tax-next{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group .pt-btn,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group .pt-import,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-danger .pt-btn{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-danger__copy{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-danger__icon{
position:relative !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-danger__icon::after{
content:"" !important;
position:absolute !important;
inset:9px !important;
}
@media (max-width:1060px){
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group-icon{
flex-basis:39px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group .pt-btn,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group .pt-import,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-danger .pt-btn{
white-space:normal !important;
}
}
/* R4X v2363 · Sekundäre Transaktionswerkzeuge in ein kompaktes Menü zurücknehmen. */
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-head{
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-head__status-actions{
align-items:start !important;
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-head__stats{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-journal-status{
min-height:86px !important;
padding:13px 15px !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-journal-status--movement{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools{
position:relative !important;
z-index:24 !important;
align-self:start !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools > summary{
list-style:none !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
min-height:38px !important;
padding:8px 12px !important;
border:1px solid rgba(242,211,111,.30) !important;
border-radius:11px !important;
background:rgba(242,211,111,.055) !important;
color:rgba(232,238,247,.88) !important;
white-space:nowrap !important;
cursor:pointer !important;
user-select:none !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools > summary::-webkit-details-marker{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools > summary:hover,
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools > summary:focus-visible,
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools[open] > summary{
border-color:rgba(242,211,111,.52) !important;
background:rgba(242,211,111,.105) !important;
color:#fff !important;
outline:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools > summary:focus-visible{
box-shadow:0 0 0 3px rgba(242,211,111,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__summary-icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:20px !important;
height:20px !important;
border-radius:7px !important;
background:rgba(242,211,111,.11) !important;
color:#f2d36f !important;
font-size:.76rem !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools > summary > i{
color:rgba(242,211,111,.78) !important;
transition:transform .18s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools[open] > summary > i{
transform:rotate(180deg) !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu{
position:absolute !important;
top:calc(100% + 8px) !important;
right:0 !important;
z-index:40 !important;
display:grid !important;
width:min(360px,calc(100vw - 36px)) !important;
padding:7px !important;
border:1px solid rgba(242,211,111,.22) !important;
border-radius:14px !important;
background:linear-gradient(180deg,#101a27,#08111c) !important;
box-shadow:0 22px 55px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu > button,
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu > a{
appearance:none !important;
display:grid !important;
grid-template-columns:32px minmax(0,1fr) auto !important;
gap:10px !important;
align-items:center !important;
width:100% !important;
min-height:54px !important;
margin:0 !important;
padding:9px 10px !important;
border:0 !important;
border-radius:10px !important;
background:transparent !important;
color:#eef3fa !important;
text-align:left !important;
text-decoration:none !important;
cursor:pointer !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu > button + button,
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu > button + a{
border-top:1px solid rgba(255,255,255,.065) !important;
border-radius:0 0 10px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu > button:hover,
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu > button:focus-visible,
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu > a:hover,
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu > a:focus-visible{
background:rgba(242,211,111,.075) !important;
outline:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu .pt-tool-cta-icon,
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:30px !important;
height:30px !important;
margin:0 !important;
border:1px solid rgba(242,211,111,.20) !important;
border-radius:9px !important;
background:rgba(255,255,255,.96) !important;
color:#111722 !important;
object-fit:contain !important;
font-size:.58rem !important;
line-height:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu > button > span:nth-child(2),
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu > a > span:nth-child(2){
display:grid !important;
gap:2px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu strong{
color:#f2f5fa !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu small{
color:rgba(174,188,208,.74) !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu > a > i{
color:#f2d36f !important;
}
@media (min-width:900px){
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-head__layout{
grid-template-columns:minmax(280px,1fr) auto !important;
gap:20px !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-head__status-actions{
display:grid !important;
grid-template-columns:minmax(340px,420px) auto !important;
gap:12px !important;
}
}
@media (max-width:899px){
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-head__status-actions{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:10px !important;
}
}
@media (max-width:600px){
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-head__status-actions{
grid-template-columns:minmax(0,1fr) !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools,
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools > summary{
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-tools__menu{
position:static !important;
width:100% !important;
margin-top:7px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions{margin-top:18px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035)}
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-head h3{margin:.12rem 0 0;font-size:1rem}
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-head small,body[data-nav-tool="Portfolio Tracker"] .pt-muted{color:rgba(255,255,255,.66)}
body[data-nav-tool="Portfolio Tracker"] .pt-closed-position-list{display:grid;gap:8px;margin-top:12px}
body[data-nav-tool="Portfolio Tracker"] .pt-closed-position-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(120px,.7fr) minmax(140px,.8fr);gap:12px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(0,0,0,.16)}
body[data-nav-tool="Portfolio Tracker"] .pt-closed-position-asset{display:flex;gap:10px;align-items:center}
body[data-nav-tool="Portfolio Tracker"] .pt-closed-position-row span,body[data-nav-tool="Portfolio Tracker"] .pt-closed-position-row strong{display:block}
body[data-nav-tool="Portfolio Tracker"] .pt-closed-position-row small{color:rgba(255,255,255,.58)}
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-footer{margin-top:12px;display:flex;justify-content:flex-start}
@media(max-width:760px){body[data-nav-tool="Portfolio Tracker"] .pt-closed-position-row{grid-template-columns:1fr}body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions{padding:14px}}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
.pt-linked-swap-form{margin-top:16px;border-color:rgba(216,179,92,.28);background:linear-gradient(180deg,rgba(216,179,92,.08),rgba(255,255,255,.02));}
.pt-journal-linked-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;color:#f4ead1;}
.pt-journal-linked-head>span{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(216,179,92,.16);border:1px solid rgba(216,179,92,.32);}
.pt-journal-linked-head strong{display:block;color:#fff;}
.pt-journal-linked-head p{margin:.25rem 0 0;color:rgba(255,255,255,.72);}
.pt-linked-swap-block{margin-top:14px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(0,0,0,.14);}
.pt-linked-swap-block h4{margin:0 0 10px;color:#f4ead1;}
.pt-linked-swap-search{position:relative;margin-bottom:10px;}
.pt-linked-swap-results{margin-top:8px;max-height:260px;overflow:auto;border-radius:14px;}
.pt-linked-swap-selected{display:flex;align-items:center;gap:10px;min-height:42px;margin-top:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.68);}
.pt-linked-swap-selected.is-active{color:#fff;border-color:rgba(216,179,92,.26);background:rgba(216,179,92,.06);}
.pt-linked-swap-selected strong,.pt-linked-swap-selected small{display:block;}
.pt-linked-swap-selected small{color:rgba(255,255,255,.58);}
.pt-linked-swap-clear{margin-left:auto;border:0;background:transparent;color:#f2d36f;text-decoration:underline;cursor:pointer;}
.pt-linked-swap-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;}
.pt-linked-swap-mode button{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.74);padding:10px 11px;cursor:pointer;}
.pt-linked-swap-mode button.is-active{border-color:rgba(216,179,92,.55);background:linear-gradient(180deg,rgba(216,179,92,.17),rgba(255,255,255,.045));color:#fff;}
.pt-linked-swap-hint{margin:6px 0 0;color:rgba(255,255,255,.66);}
.pt-linked-swap-preview{display:grid;gap:3px;margin-top:10px;padding:10px 12px;border-radius:14px;background:rgba(216,179,92,.07);border:1px solid rgba(216,179,92,.2);color:rgba(255,255,255,.78);}
.pt-linked-swap-preview strong{color:#fff;}
.pt-linked-swap-preview small{color:rgba(255,255,255,.58);}
@media(max-width:760px){.pt-linked-swap-mode{grid-template-columns:1fr}.pt-linked-swap-block{padding:10px}.pt-linked-swap-results{max-height:220px}}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
/* R4X v1660 · Portfolio Tracker Desktop Currency Toggle einzeilig */
@media (min-width: 761px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-currency-switch{
display: grid !important;
grid-template-columns: repeat(3, minmax(44px, 1fr)) !important;
grid-template-rows: 1fr !important;
gap: 4px !important;
width: max-content !important;
min-width: 164px !important;
max-width: none !important;
white-space: nowrap !important;
overflow: visible !important;
align-items: center !important;
justify-content: center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-currency-switch button{
width: auto !important;
min-width: 44px !important;
max-width: none !important;
white-space: nowrap !important;
text-align: center !important;
}
}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
/* R4X v1811 · Portfolio Tracker area isolation + neutral page background */
html body[data-nav-tool="Portfolio Tracker"]{
background:#05080d !important;
background-image:none !important;
}
html body[data-nav-tool="Portfolio Tracker"] .pt-page{
background:#05080d !important;
background-image:none !important;
}
html body[data-nav-tool="Portfolio Tracker"] #portfolio-tracker-app [data-pt-area]{
display:none !important;
}
html body[data-nav-tool="Portfolio Tracker"] #portfolio-tracker-app [data-pt-area].is-pt-active-area{
display:block !important;
}
html body[data-nav-tool="Portfolio Tracker"] #portfolio-tracker-app .pt-main-grid.is-pt-active-area{
display:grid !important;
}
html body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="overview"] #portfolio-tracker-app [data-pt-area]:not([data-pt-area="overview"]),
html body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="positions"] #portfolio-tracker-app [data-pt-area]:not([data-pt-area="positions"]),
html body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="journal"] #portfolio-tracker-app [data-pt-area]:not([data-pt-area="journal"]),
html body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="history"] #portfolio-tracker-app [data-pt-area]:not([data-pt-area="history"]),
html body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="structure"] #portfolio-tracker-app [data-pt-area]:not([data-pt-area="structure"]),
html body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="watchlist"] #portfolio-tracker-app [data-pt-area]:not([data-pt-area="watchlist"]),
html body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="data"] #portfolio-tracker-app [data-pt-area]:not([data-pt-area="data"]){
display:none !important;
}
/* R4X v1852 · Rückblick-CTA nach Ansicht endgültig ausblenden und Referenz-Kurzfazit entkrampfen */
html[data-pt-current-review-seen="true"] body[data-nav-tool="Portfolio Tracker"] .pt-hero__lead-actions[data-pt-review-lead-action="1"]{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-details .pt-snapshot-insights{
grid-template-columns:repeat(auto-fit,minmax(230px,1fr)) !important;
gap:10px !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-details .pt-snapshot-insight{
display:grid !important;
grid-template-columns:32px minmax(0,1fr) !important;
align-items:start !important;
column-gap:12px !important;
min-width:0 !important;
padding:14px 15px !important;
border:1px solid rgba(205,220,240,.12) !important;
border-radius:14px !important;
background:linear-gradient(145deg,rgba(19,32,49,.72),rgba(8,14,23,.92)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-details .pt-snapshot-insight:last-child{
border:1px solid rgba(205,220,240,.12) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-details .pt-snapshot-insight > div{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-details .pt-snapshot-insight strong{
white-space:normal !important;
overflow:visible !important;
overflow-wrap:anywhere !important;
word-break:normal !important;
hyphens:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-details .pt-snapshot-insight small{
white-space:normal !important;
overflow:visible !important;
overflow-wrap:anywhere !important;
word-break:normal !important;
hyphens:auto !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-details .pt-snapshot-insights{
grid-template-columns:1fr !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-reference-details .pt-snapshot-insight{
grid-template-columns:30px minmax(0,1fr) !important;
padding:13px 13px !important;
border-bottom:1px solid rgba(205,220,240,.12) !important;
}
}
/* R4X v1856 · Datenbereich linksbündig, Mobile-CTAs wieder zentriert */
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-grid{
justify-items:stretch!important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel{
align-items:stretch!important;
text-align:left!important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__head{
width:100%!important;
display:flex!important;
flex-direction:row!important;
align-items:flex-start!important;
justify-content:flex-start!important;
text-align:left!important;
margin:0!important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__head > div{
flex:1 1 auto!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
text-align:left!important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__step{
margin:0!important;
align-self:flex-start!important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel h3,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel p:not(.pt-data-action-note):not(.pt-data-feedback){
text-align:left!important;
margin-left:0!important;
margin-right:0!important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__head > div > p{
max-width:none!important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__actions{
justify-content:flex-start!important;
align-items:flex-start!important;
text-align:left!important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel .pt-btn,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel .pt-import,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-btn{
text-align:left!important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-data-action-note{
text-align:left!important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__head{
gap:12px!important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__actions{
width:100%!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
justify-items:center!important;
align-items:center!important;
text-align:center!important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__actions .pt-data-action-item{
width:100%!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel .pt-btn,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel .pt-import,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-btn{
justify-content:center!important;
text-align:center!important;
margin-left:auto!important;
margin-right:auto!important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-data-action-note{
width:100%!important;
text-align:center!important;
}
}
/* R4X v1868: Transaktionen Switch plus Aktionsreihenfolge, CSV vor Steuer Check auf Mobile. */
body[data-nav-tool="Portfolio Tracker"] .pt-journal-view-switch{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
margin:14px 0 0;
padding:6px;
border:1px solid rgba(201,168,76,.22);
border-radius:18px;
background:rgba(0,0,0,.28);
box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-view-switch button{
min-height:44px;
border:1px solid rgba(255,255,255,.08);
border-radius:13px;
background:rgba(255,255,255,.025);
color:rgba(232,237,245,.72);
display:flex;
align-items:center;
justify-content:center;
gap:8px;
cursor:pointer;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-view-switch button small{
min-width:28px;
padding:3px 8px;
border-radius:999px;
background:rgba(255,255,255,.07);
color:rgba(232,237,245,.78);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-view-switch button.is-active{
border-color:rgba(244,212,116,.58);
background:linear-gradient(180deg, rgba(244,212,116,.22), rgba(201,168,76,.10));
color:#fff;
box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-view-switch button.is-active small{
background:rgba(0,0,0,.30);
color:#f4d474;
}
body[data-nav-tool="Portfolio Tracker"] [data-pt-journal-panel][hidden],
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__status-actions[hidden],
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__actions[hidden],
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__csv-mobile[hidden]{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone--history[hidden] + *{ margin-top:0!important; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-status--movement{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-status--movement .pt-journal-csv-inline--desktop{
margin-top:auto!important;
width:100%!important;
min-height:34px!important;
padding:8px 10px!important;
justify-content:center!important;
white-space:normal!important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__csv-mobile{
display:grid;
width:100%;
min-width:0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__csv-mobile .pt-btn{
width:100%;
min-width:0;
justify-content:center;
white-space:normal!important;
}
@media (min-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__csv-mobile{display:none!important;}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-csv-inline--desktop{display:flex!important;}
}
@media (max-width:899px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-csv-inline--desktop{display:none!important;}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__csv-mobile{display:grid!important;}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-view-switch{margin-top:12px;border-radius:16px;}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-view-switch button{min-height:42px;}
}
/* R4X v1872: Asset-Suche ruhig halten, keine manuelle Asset-Box im Standardfluss. */
#journal-section .pt-journal-asset-search{
grid-column:span 2;
position:relative;
}
#journal-section .pt-journal-asset-search > label{
display:block;
}
@media (max-width:760px){
#journal-section .pt-journal-asset-search{
grid-column:1 / -1;
}
}
/* R4X v1872: Leere Asset-Statusboxen entfernen und Schritt-Icons sichtbar machen. */
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-linked-swap-selected[hidden]{
display:none!important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-linked-swap-selected:empty{
display:none!important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-card-icon,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-linked-head > span{
border-color:rgba(247,205,99,.46)!important;
background:linear-gradient(180deg, rgba(247,205,99,.24), rgba(247,205,99,.10))!important;
color:#f7cd63!important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-card-icon::after{
content:"?"!important;
display:grid!important;
place-items:center!important;
inset:0!important;
background-image:none!important;
color:#f7cd63!important;
font-size:15px!important;
line-height:1!important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-card--core .pt-journal-card-icon::after{
content:""!important;
background-image:url("data:image/svg+xml;utf8,")!important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-card--note .pt-journal-card-icon::after{
content:""!important;
background-image:url("data:image/svg+xml;utf8,")!important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-linked-head > span{
position:relative!important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-linked-head > span::after{
content:"?"!important;
position:absolute!important;
inset:0!important;
display:grid!important;
place-items:center!important;
color:#f7cd63!important;
background:none!important;
}
/* R4X v1873: Asset-Statusboxen nur bei Auswahl, Schritt-Icons mit goldener Box und dunklem Fragezeichen-Icon. */
body[data-nav-tool="Portfolio Tracker"] #selected-asset[hidden],
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-linked-swap-selected[hidden],
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-linked-swap-selected:not(.is-active),
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-linked-swap-selected:empty{
display:none!important;
min-height:0!important;
height:0!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
overflow:hidden!important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-linked-swap-selected.is-active{
display:flex!important;
height:auto!important;
min-height:42px!important;
margin-top:10px!important;
padding:12px 14px!important;
border:1px solid rgba(216,179,92,.28)!important;
border-radius:14px!important;
background:rgba(216,179,92,.06)!important;
overflow:visible!important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-journal-linked-head > span,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-journal-linked-head > span,
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-linked-swap-block .pt-journal-card-icon,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-linked-swap-block .pt-journal-card-icon{
width:30px!important;
height:30px!important;
min-width:30px!important;
border-radius:9px!important;
border:1px solid rgba(247,205,99,.72)!important;
background:linear-gradient(180deg, #f7d86e 0%, #d4a52b 100%)!important;
box-shadow:0 10px 22px rgba(216,179,92,.16), inset 0 1px 0 rgba(255,255,255,.34)!important;
color:transparent!important;
display:grid!important;
place-items:center!important;
position:relative!important;
flex:0 0 30px!important;
font-size:0!important;
line-height:1!important;
overflow:hidden!important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-journal-linked-head > span::after,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-journal-linked-head > span::after,
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-linked-swap-block .pt-journal-card-icon::after,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-linked-swap-block .pt-journal-card-icon::after{
content:""!important;
position:absolute!important;
inset:0!important;
display:block!important;
width:17px!important;
height:17px!important;
margin:auto!important;
background-image:url("data:image/svg+xml;utf8,")!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-size:contain!important;
color:transparent!important;
font-size:0!important;
line-height:0!important;
transform:none!important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-journal-linked-head > span::before,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-journal-linked-head > span::before,
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-linked-swap-block .pt-journal-card-icon::before,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-linked-swap-block .pt-journal-card-icon::before{
content:none!important;
display:none!important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-journal-linked-head > span,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-journal-linked-head > span,
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-linked-swap-block .pt-journal-card-icon,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-linked-swap-block .pt-journal-card-icon{
width:28px!important;
height:28px!important;
min-width:28px!important;
flex-basis:28px!important;
}
}
/* R4X v1876: Nur die aufgezählten Swap/Transfer-Schritticons ändern. Kopf-Icons bleiben unverändert. */
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-journal-linked-head > span,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-journal-linked-head > span{
width:36px!important;
height:36px!important;
min-width:36px!important;
flex:0 0 36px!important;
border-radius:9px!important;
border:1px solid var(--pt-w1-border)!important;
background:rgba(255,255,255,.02) url("data:image/svg+xml;utf8,") center/18px no-repeat!important;
box-shadow:none!important;
color:transparent!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
position:relative!important;
overflow:hidden!important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-journal-linked-head > span::before,
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-journal-linked-head > span::after,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-journal-linked-head > span::before,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-journal-linked-head > span::after{
content:none!important;
display:none!important;
background:none!important;
background-image:none!important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-linked-swap-block .pt-journal-card-icon,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-linked-swap-block .pt-journal-card-icon{
width:30px!important;
height:30px!important;
min-width:30px!important;
flex:0 0 30px!important;
border-radius:9px!important;
border:1px solid rgba(247,205,99,.72)!important;
background:linear-gradient(180deg, #f7d86e 0%, #d4a52b 100%)!important;
box-shadow:0 10px 22px rgba(216,179,92,.16), inset 0 1px 0 rgba(255,255,255,.34)!important;
color:transparent!important;
display:grid!important;
place-items:center!important;
position:relative!important;
font-size:0!important;
line-height:1!important;
overflow:hidden!important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-linked-swap-block .pt-journal-card-icon::after,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-linked-swap-block .pt-journal-card-icon::after{
content:""!important;
position:absolute!important;
inset:0!important;
display:block!important;
width:17px!important;
height:17px!important;
margin:auto!important;
background-image:url("data:image/svg+xml;utf8,")!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-size:contain!important;
color:transparent!important;
font-size:0!important;
line-height:0!important;
transform:none!important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-linked-swap-block .pt-journal-card-icon::before,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-linked-swap-block .pt-journal-card-icon::before{
content:none!important;
display:none!important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section #selected-asset[hidden],
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-linked-swap-selected[hidden],
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-linked-swap-selected:empty{
display:none!important;
min-height:0!important;
height:0!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
overflow:hidden!important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #journal-section #transfer-panel .pt-linked-swap-block .pt-journal-card-icon,
body[data-nav-tool="Portfolio Tracker"] #journal-section #linked-swap-panel .pt-linked-swap-block .pt-journal-card-icon{
width:28px!important;
height:28px!important;
min-width:28px!important;
flex-basis:28px!important;
}
}
/* R4X v1876 · Bitpanda Vorschau Copy + sichtbarer Chevron */
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review summary::-webkit-details-marker{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review summary::marker{
content:"" !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-title{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-summary-meta{
display:inline-flex !important;
align-items:center !important;
gap:10px !important;
flex:0 0 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-chevron{
width:26px !important;
height:26px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(242,211,111,.35) !important;
border-radius:999px !important;
color:#f2d36f !important;
background:rgba(242,211,111,.08) !important;
font-size:1rem !important;
line-height:1 !important;
transition:transform .18s ease, background .18s ease, border-color .18s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review[open] .pt-bitpanda-review-chevron{
transform:rotate(180deg) !important;
background:rgba(242,211,111,.14) !important;
border-color:rgba(242,211,111,.55) !important;
}
@media (max-width: 720px){
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review summary{
align-items:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-summary-meta{
gap:8px !important;
}
}
/* R4X v1892 · Portfolio Tracker: Stand-speichern-CTA nutzt wieder dieselbe pt-btn--primary-Komponente wie Position hinzufügen. */
/* R4X v2046 · Aktuellsten gespeicherten Rückblick mit vollständigem Detailinhalt anzeigen */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review--archived-latest .pt-ov-review-archive-full{
margin:12px 20px 0!important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review--archived-latest .pt-review-archive-item{
border-color:rgba(212,175,55,.24)!important;
background:linear-gradient(180deg, rgba(212,175,55,.075), rgba(7,11,17,.48))!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-item--latest{
border-color:rgba(212,175,55,.24)!important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-latest-badge{
display:inline-flex!important;
align-items:center!important;
width:max-content!important;
margin:0 0 6px!important;
padding:3px 8px!important;
border-radius:999px!important;
border:1px solid rgba(212,175,55,.30)!important;
background:rgba(212,175,55,.10)!important;
color:#f2d36f!important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review--archived-latest .pt-review-archive-entry{
margin-top:10px!important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review--archived-latest .pt-ov-review-archive-full{
margin-left:15px!important;
margin-right:15px!important;
}
}
/* R4X v2034 · Positionsmodal: klarere visuelle Hierarchie ohne neues Flow-Konzept. */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-helper{
margin:-8px 0 16px !important;
color:rgba(205,214,229,.78) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-helper--change{
margin:0 0 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-asset-step,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step{
position:relative !important;
background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.008)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step{
border-color:rgba(244,212,116,.30) !important;
box-shadow:inset 0 1px 0 rgba(244,212,116,.045) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step::before{
content:"Pflicht" !important;
position:absolute !important;
top:16px !important;
right:16px !important;
padding:4px 8px !important;
border-radius:999px !important;
border:1px solid rgba(244,212,116,.34) !important;
color:#f2d36f !important;
background:rgba(244,212,116,.08) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #amount-input{
min-height:46px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #amount-label,
body[data-nav-tool="Portfolio Tracker"] #position-modal #buy-price-label,
body[data-nav-tool="Portfolio Tracker"] #position-modal #invested-total-label{
color:#dce5f5 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #avg-price-field,
body[data-nav-tool="Portfolio Tracker"] #position-modal #invested-total-field,
body[data-nav-tool="Portfolio Tracker"] #position-modal #transaction-date-field{
padding:10px 12px !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:12px !important;
background:rgba(255,255,255,.014) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-mode{
margin-top:2px !important;
border-color:rgba(244,212,116,.20) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-mode::after{
content:"Wähle, ob du mit Durchschnittspreis oder Gesamtbetrag arbeiten willst. R4X berechnet die Gegenlogik mit." !important;
display:block !important;
margin-top:8px !important;
color:rgba(205,214,229,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field > small{
color:rgba(155,168,189,.80) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-selected.is-active{
box-shadow:0 0 0 1px rgba(244,212,116,.16), 0 12px 28px rgba(0,0,0,.20) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step::before{
top:12px !important;
right:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-helper{
margin:-4px 0 14px !important;
}
}
/* R4X v2035 · Positionsänderung: Review vor Speichern statt zwischen Auswahl und Eingabe. */
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-edit-summary-wrap[hidden]{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-edit-summary-wrap{
margin:0 0 14px !important;
padding:14px !important;
border-radius:18px !important;
border:1px solid rgba(242,211,111,.24) !important;
background:linear-gradient(145deg,rgba(242,211,111,.07),rgba(8,15,24,.92) 46%,rgba(96,165,250,.045)) !important;
box-shadow:0 16px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-save-summary-head{
display:flex !important;
align-items:flex-start !important;
gap:10px !important;
margin:0 0 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-save-summary-icon{
width:28px !important;
height:28px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:10px !important;
color:#101827 !important;
background:#f1d279 !important;
box-shadow:0 8px 18px rgba(242,211,111,.18) !important;
flex:0 0 28px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-save-summary-head strong{
display:block !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-save-summary-head small{
display:block !important;
margin-top:3px !important;
color:rgba(205,214,229,.74) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-edit-summary-wrap .pt-change-summary{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:10px !important;
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-edit-summary-wrap .pt-change-review-card{
min-height:118px !important;
background:rgba(5,14,23,.74) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-edit-summary-wrap .pt-change-review-card--after.is-ready{
box-shadow:0 0 0 1px rgba(92,211,151,.12), 0 12px 24px rgba(0,0,0,.18) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-edit-summary-wrap .pt-change-summary{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-edit-summary-wrap{
padding:12px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--swap-group{
grid-template-columns:1fr 36px;
background:linear-gradient(135deg, rgba(96,165,250,.05), rgba(255,255,255,.025));
border-color:rgba(96,165,250,.18);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--swap-group::before{ background:#60a5fa; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-head{
grid-column:1 / -1;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0,1fr));
gap:14px;
grid-column:1 / 2;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-side{
border:1px solid rgba(255,255,255,.10);
border-radius:16px;
padding:14px;
background:rgba(8,14,24,.55);
display:grid;
gap:10px;
min-width:0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-side--out{ border-color:rgba(248,113,113,.22); background:linear-gradient(135deg, rgba(248,113,113,.06), rgba(255,255,255,.02)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-side--in{ border-color:rgba(74,222,128,.22); background:linear-gradient(135deg, rgba(74,222,128,.06), rgba(255,255,255,.02)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-side__label span{
display:inline-flex;
align-items:center;
border-radius:999px;
padding:4px 10px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-side--out .pt-journal-swap-side__label span{ background:rgba(248,113,113,.12); color:#ff9b9b; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-side--in .pt-journal-swap-side__label span{ background:rgba(74,222,128,.12); color:#7ff0a8; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics--swap{
grid-template-columns:repeat(2,minmax(0,1fr));
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note--swap-group{
grid-column:1 / 2;
padding-left:0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note--swap-group span{ margin-right:6px; margin-bottom:6px; }
@media (max-width: 820px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--swap-group{
grid-template-columns:1fr;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-grid{
grid-template-columns:1fr;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--swap-group .pt-journal-delete{
justify-self:end;
}
}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form[data-journal-type]{
border-left:4px solid rgba(201,168,76,.55);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form[data-journal-type="buy"]{ border-left-color:#4ade80; background:linear-gradient(135deg, rgba(74,222,128,.045), rgba(255,255,255,.018)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form[data-journal-type="sell"]{ border-left-color:#f87171; background:linear-gradient(135deg, rgba(248,113,113,.045), rgba(255,255,255,.018)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form[data-journal-type="transfer_in"]{ border-left-color:#22c55e; background:linear-gradient(135deg, rgba(34,197,94,.045), rgba(255,255,255,.018)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form[data-journal-type="transfer_out"]{ border-left-color:#fb923c; background:linear-gradient(135deg, rgba(251,146,60,.045), rgba(255,255,255,.018)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form[data-journal-type="linked_swap"]{ border-left-color:#60a5fa; background:linear-gradient(135deg, rgba(96,165,250,.055), rgba(255,255,255,.018)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form[data-journal-type="fee"]{ border-left-color:#c084fc; background:linear-gradient(135deg, rgba(192,132,252,.045), rgba(255,255,255,.018)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form[data-journal-type="correction"]{ border-left-color:#facc15; background:linear-gradient(135deg, rgba(250,204,21,.045), rgba(255,255,255,.018)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form[data-journal-type="note"]{ border-left-color:rgba(205,220,240,.42); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--type-buy::before{ background:#4ade80; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--type-sell::before{ background:#f87171; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--type-transfer_in::before{ background:#22c55e; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--type-transfer_out::before{ background:#fb923c; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--type-linked_swap::before{ background:#60a5fa; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--type-fee::before{ background:#c084fc; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--type-correction::before{ background:#facc15; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--type-note::before{ background:rgba(205,220,240,.42); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form.is-linked-swap-selected{
margin-bottom:10px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-linked-swap-form[hidden]{
display:none !important;
}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-type-grid{
grid-template-columns:minmax(220px,320px);
}
body[data-nav-tool="Portfolio Tracker"] #linked-swap-panel[hidden],
body[data-nav-tool="Portfolio Tracker"] #journal-basic-fields[hidden],
body[data-nav-tool="Portfolio Tracker"] #journal-basic-actions[hidden],
body[data-nav-tool="Portfolio Tracker"] #linked-swap-actions[hidden]{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #linked-swap-panel{
display:grid;
gap:12px;
}
body[data-nav-tool="Portfolio Tracker"] #journal-form.is-linked-swap-selected{
border-color:rgba(96,165,250,.30);
box-shadow:0 18px 46px rgba(0,0,0,.24), 0 0 0 1px rgba(96,165,250,.12) inset;
}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form{
padding:20px;
border:1px solid rgba(255,255,255,.08);
border-radius:22px;
background:
radial-gradient(circle at top right, rgba(201,168,76,.12), transparent 28%),
linear-gradient(180deg, rgba(7,11,18,.98), rgba(8,14,24,.96));
box-shadow:0 22px 58px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
margin-bottom:16px;
padding:18px;
border:1px solid rgba(255,255,255,.08);
border-radius:20px;
background:linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-main{ display:flex; gap:14px; align-items:flex-start; min-width:0; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-icon,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-card-icon,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-linked-head>span{
flex:0 0 auto;
width:42px; height:42px; border-radius:14px;
display:inline-flex; align-items:center; justify-content:center;
border:1px solid rgba(201,168,76,.28);
background:linear-gradient(180deg, rgba(201,168,76,.18), rgba(201,168,76,.08));
box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
font-size:18px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-copy-wrap{ min-width:0; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-kicker{
display:block; margin-bottom:4px; color:#f1d279;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-copy-wrap strong{
display:block; color:#fff; margin-bottom:4px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-copy-wrap p{
margin:0; max-width:62ch; color:rgba(232,237,245,.72);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-type{ min-width:min(320px,100%); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-type label{ gap:8px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-type select{ min-height:48px; border-radius:14px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-basic-fields,
body[data-nav-tool="Portfolio Tracker"] .pt-linked-swap-form{ display:grid; gap:14px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-card,
body[data-nav-tool="Portfolio Tracker"] .pt-linked-swap-block--premium{
padding:18px;
border:1px solid rgba(255,255,255,.08);
border-radius:20px;
background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.018));
box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-card-head{
display:flex; align-items:flex-start; gap:12px; margin-bottom:14px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-card-head strong{ display:block; color:#fff; margin-bottom:2px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-card-head p{ margin:0; color:rgba(232,237,245,.66); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-grid{ gap:12px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form label,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note-field{ gap:7px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form input,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form select{
min-height:46px;
background:linear-gradient(180deg, rgba(5,12,22,.92), rgba(8,16,28,.92));
border:1px solid rgba(255,255,255,.10);
border-radius:14px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note-field input{ min-height:48px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-hint,
body[data-nav-tool="Portfolio Tracker"] .pt-linked-swap-hint{
margin:10px 0 0;
padding:11px 13px;
border:1px solid rgba(201,168,76,.22);
border-radius:14px;
background:linear-gradient(135deg, rgba(201,168,76,.08), rgba(255,255,255,.01));
color:rgba(241,232,205,.88);
}
body[data-nav-tool="Portfolio Tracker"] .pt-linked-swap-selected,
body[data-nav-tool="Portfolio Tracker"] .pt-linked-swap-preview{
margin-top:10px;
padding:12px 14px;
border:1px dashed rgba(255,255,255,.14);
border-radius:14px;
background:rgba(255,255,255,.022);
}
body[data-nav-tool="Portfolio Tracker"] .pt-linked-swap-mode{
display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:12px 0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-linked-swap-mode button{
min-height:46px; border-radius:14px; border:1px solid rgba(255,255,255,.10); color:#eef2f8;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
}
body[data-nav-tool="Portfolio Tracker"] .pt-linked-swap-mode button.is-active{
border-color:rgba(201,168,76,.48);
background:linear-gradient(180deg, rgba(201,168,76,.22), rgba(201,168,76,.10));
color:#fff2bf;
box-shadow:0 0 0 1px rgba(201,168,76,.08) inset;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-actions{
margin-top:16px; padding-top:4px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-actions .pt-btn--primary{ min-width:230px; }
body[data-nav-tool="Portfolio Tracker"] #linked-swap-panel[hidden],
body[data-nav-tool="Portfolio Tracker"] #transfer-panel[hidden],
body[data-nav-tool="Portfolio Tracker"] #journal-basic-fields[hidden],
body[data-nav-tool="Portfolio Tracker"] #journal-basic-actions[hidden],
body[data-nav-tool="Portfolio Tracker"] #linked-swap-actions[hidden],
body[data-nav-tool="Portfolio Tracker"] #transfer-actions[hidden]{ display:none !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head[data-journal-type="buy"] .pt-journal-composer-icon,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form[data-journal-type="buy"] .pt-journal-linked-head>span{ border-color:rgba(74,222,128,.35); background:linear-gradient(180deg, rgba(74,222,128,.22), rgba(74,222,128,.08)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head[data-journal-type="sell"] .pt-journal-composer-icon,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form[data-journal-type="sell"] .pt-journal-linked-head>span{ border-color:rgba(248,113,113,.35); background:linear-gradient(180deg, rgba(248,113,113,.22), rgba(248,113,113,.08)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head[data-journal-type="transfer"] .pt-journal-composer-icon,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form.is-transfer-selected .pt-journal-linked-head>span{ border-color:rgba(96,165,250,.35); background:linear-gradient(180deg, rgba(96,165,250,.22), rgba(96,165,250,.08)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head[data-journal-type="linked_swap"] .pt-journal-composer-icon,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form.is-linked-swap-selected .pt-journal-linked-head>span{ border-color:rgba(96,165,250,.35); background:linear-gradient(180deg, rgba(96,165,250,.22), rgba(96,165,250,.08)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head[data-journal-type="fee"] .pt-journal-composer-icon{ border-color:rgba(192,132,252,.35); background:linear-gradient(180deg, rgba(192,132,252,.22), rgba(192,132,252,.08)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head[data-journal-type="correction"] .pt-journal-composer-icon{ border-color:rgba(250,204,21,.35); background:linear-gradient(180deg, rgba(250,204,21,.22), rgba(250,204,21,.08)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head[data-journal-type="note"] .pt-journal-composer-icon{ border-color:rgba(205,220,240,.35); background:linear-gradient(180deg, rgba(205,220,240,.18), rgba(205,220,240,.08)); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone{
margin-top:20px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin:0 0 16px;
padding:18px 20px;
border:1px solid rgba(255,255,255,.08);
border-radius:20px;
background:linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head--entry{
background:linear-gradient(135deg, rgba(74,222,128,.06), rgba(255,255,255,.018));
border-color:rgba(74,222,128,.14);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head--history{
background:linear-gradient(135deg, rgba(96,165,250,.06), rgba(255,255,255,.018));
border-color:rgba(96,165,250,.14);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head-main{
display:flex;
align-items:flex-start;
gap:14px;
min-width:0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head-icon{
flex:0 0 auto;
width:44px;
height:44px;
border-radius:14px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(201,168,76,.28);
background:linear-gradient(180deg, rgba(201,168,76,.18), rgba(201,168,76,.08));
box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
font-size:18px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head-copy{ min-width:0; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-kicker{
margin:0 0 5px;
color:#f1d279;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head h3{
margin:0;
color:#fff;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head p{
margin:6px 0 0;
color:rgba(232,237,245,.72);
max-width:72ch;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-badge{
flex:0 0 auto;
min-width:124px;
padding:12px 16px;
border:1px solid rgba(255,255,255,.08);
border-radius:16px;
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
text-align:right;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-badge span{ display:block; color:rgba(232,237,245,.62); }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-badge strong{ display:block; color:#fff; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone--history{
margin-top:30px;
padding-top:22px;
border-top:1px solid rgba(255,255,255,.08);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone--history .pt-journal-list{
margin-top:0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-toolbar{
display:grid;
gap:14px;
margin:0 0 16px;
padding:16px 18px;
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-search{
display:grid;
gap:8px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-search span{
color:rgba(232,237,245,.72);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-search input{
min-height:46px;
background:linear-gradient(180deg, rgba(5,12,22,.92), rgba(8,16,28,.92));
border:1px solid rgba(255,255,255,.10);
border-radius:14px;
color:#eef2f8;
padding:0 14px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters-wrap{
display:grid;
gap:10px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-select{ display:none; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-select select{
width:100%;
min-height:46px;
background:linear-gradient(180deg, rgba(5,12,22,.92), rgba(8,16,28,.92));
border:1px solid rgba(255,255,255,.10);
border-radius:14px;
color:#eef2f8;
padding:0 14px;
}
body[data-nav-tool="Portfolio Tracker"] .sr-only{
position:absolute !important;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters-head span{
color:rgba(232,237,245,.72);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters-head small{
display:none;
color:rgba(232,237,245,.52);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters{
display:flex;
flex-wrap:wrap;
gap:10px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-chip{
min-height:38px;
padding:0 14px;
border-radius:999px;
border:1px solid rgba(255,255,255,.10);
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
color:rgba(232,237,245,.84);
cursor:pointer;
}
body[data-nav-tool="Portfolio Tracker"] .pt-chip.is-active{
border-color:rgba(201,168,76,.48);
background:linear-gradient(180deg, rgba(201,168,76,.22), rgba(201,168,76,.10));
color:#fff2bf;
box-shadow:0 0 0 1px rgba(201,168,76,.08) inset;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-empty{
display:grid;
justify-items:start;
gap:6px;
padding:22px 20px;
border:1px dashed rgba(255,255,255,.12);
border-radius:18px;
background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-empty strong{ color:#fff; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-empty p{ margin:0; color:rgba(232,237,245,.68); }
@media (max-width: 980px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head{ flex-direction:column; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head{ flex-direction:column; align-items:flex-start; padding:16px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head-main{ width:100%; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-badge{ text-align:left; min-width:0; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-toolbar{ padding:14px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-type{ width:100%; min-width:0; }
}
@media (max-width: 760px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form{ padding:14px; border-radius:18px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-card,
body[data-nav-tool="Portfolio Tracker"] .pt-linked-swap-block--premium{ padding:14px; border-radius:18px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head{ padding:14px; border-radius:18px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head-icon{ width:40px; height:40px; font-size:16px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters-wrap{ gap:8px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters-head small{ display:inline; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-select{ display:block; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters{ display:none; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-main{ gap:10px; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row{
grid-template-columns:1fr !important;
padding-right:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--swap-group{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__actions{
justify-content:flex-start;
flex-wrap:wrap;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-list{
padding:14px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-icon,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-card-icon,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-linked-head>span{ width:38px; height:38px; border-radius:12px; font-size:16px; }
body[data-nav-tool="Portfolio Tracker"] .pt-linked-swap-mode{ grid-template-columns:1fr; }
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-actions .pt-btn--primary{ min-width:0; width:100%; }
}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row{
grid-template-columns:minmax(230px,1fr) minmax(280px,1.15fr) auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--swap-group{
grid-template-columns:1fr auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__actions .pt-icon-btn{
width:34px;
height:34px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__actions .pt-journal-edit{
border-color:rgba(201,168,76,.28);
background:rgba(201,168,76,.10);
color:#f1d279;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__actions .pt-journal-delete,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-delete{
border-color:rgba(248,113,113,.38) !important;
background:rgba(248,113,113,.12) !important;
color:#ff7f7f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__actions .pt-journal-delete:hover,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-delete:hover{
border-color:rgba(248,113,113,.65) !important;
background:rgba(248,113,113,.20) !important;
color:#ffb3b3 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-edit-panel{
margin:0 0 16px;
padding:18px;
border:1px solid rgba(201,168,76,.22);
border-radius:20px;
background:
radial-gradient(circle at top right, rgba(201,168,76,.12), transparent 32%),
linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-edit-head{
display:flex;
gap:12px;
align-items:flex-start;
margin-bottom:14px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-edit-head>span{
width:40px;
height:40px;
border-radius:14px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(201,168,76,.30);
background:rgba(201,168,76,.12);
color:#f1d279;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-edit-head strong{
display:block;
color:#fff;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-edit-head p{
margin:4px 0 0;
color:rgba(232,237,245,.68);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-edit-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:14px;
}
body[data-nav-tool="Portfolio Tracker"] #journal-edit-form input:disabled,
body[data-nav-tool="Portfolio Tracker"] #journal-edit-form select:disabled{
opacity:.55;
cursor:not-allowed;
}
@media (max-width: 820px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__actions{
justify-content:flex-start;
}
}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-select select,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-select option{
background:#08111f;
color:#eef2f8;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-select select{
color-scheme:dark;
border-color:rgba(201,168,76,.26);
box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 22px rgba(0,0,0,.18);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-select select:focus{
outline:none;
border-color:rgba(201,168,76,.55);
box-shadow:0 0 0 3px rgba(201,168,76,.16), inset 0 1px 0 rgba(255,255,255,.05);
}
@media (max-width: 820px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone--history .pt-section-head{
gap:12px;
align-items:flex-start;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone--history .pt-section-head__meta{
width:100%;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone--history .pt-section-head__badge{
align-self:flex-start;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-list{
padding:12px;
gap:12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--swap-group{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
gap:12px !important;
padding:14px !important;
overflow:hidden;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__main,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-head,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-grid,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note--swap-group,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__actions{
width:100%;
min-width:0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-identity{
align-items:flex-start;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__main strong,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-side strong{
white-space:normal !important;
word-break:break-word;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics{
width:100%;
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics span{
min-width:0;
padding:8px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics b{
white-space:normal;
word-break:break-word;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__actions{
display:flex;
justify-content:flex-start;
gap:8px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-delete,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-edit{
flex:0 0 auto;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-side{
padding:12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics--swap{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width: 420px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics--swap{
grid-template-columns:1fr !important;
}
}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-picker{
position:relative;
width:100%;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-trigger{
width:100%;
min-height:48px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:0 14px;
border-radius:14px;
border:1px solid rgba(255,255,255,.10);
background:linear-gradient(180deg, rgba(5,12,22,.92), rgba(8,16,28,.92));
color:#eef2f8;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-trigger strong{
color:#eef2f8;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-trigger i{
color:#f1d279;
transition:transform .16s ease;
}
body[data-nav-tool="Portfolio Tracker"] [data-pt-journal-filter-picker].is-open .pt-journal-history-filter-trigger{
border-color:rgba(201,168,76,.45);
box-shadow:0 0 0 3px rgba(201,168,76,.14), inset 0 1px 0 rgba(255,255,255,.05);
}
body[data-nav-tool="Portfolio Tracker"] [data-pt-journal-filter-picker].is-open .pt-journal-history-filter-trigger i{
transform:rotate(180deg);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-menu{
position:absolute;
top:calc(100% + 8px);
left:0;
right:0;
z-index:25;
display:none;
gap:8px;
padding:10px;
border-radius:16px;
border:1px solid rgba(201,168,76,.24);
background:linear-gradient(180deg, rgba(6,12,21,.98), rgba(9,15,25,.98));
box-shadow:0 20px 44px rgba(0,0,0,.42);
}
body[data-nav-tool="Portfolio Tracker"] [data-pt-journal-filter-picker].is-open .pt-journal-history-filter-menu{
display:grid;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-menu[hidden]{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-option{
min-height:42px;
display:flex;
align-items:center;
justify-content:flex-start;
width:100%;
border-radius:12px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.02);
color:rgba(232,237,245,.86);
padding:0 12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-option.is-active{
border-color:rgba(201,168,76,.45);
background:linear-gradient(180deg, rgba(201,168,76,.20), rgba(201,168,76,.09));
color:#fff2bf;
}
@media (min-width: 761px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-select{ display:none !important; }
}
@media (max-width: 760px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters-wrap{
gap:10px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-select{
display:block;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone--history .pt-section-head__meta{
width:100%;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-list{
padding:12px;
gap:14px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row--swap-group{
position:relative;
display:flex !important;
flex-direction:column !important;
gap:12px !important;
padding:14px !important;
border-radius:20px;
overflow:hidden;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__main,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-head{
width:100%;
min-width:0;
padding-right:84px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-identity{
align-items:flex-start;
gap:12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-identity .pt-logo,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note-logo{
width:42px;
height:42px;
min-width:42px;
border-radius:14px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__main strong,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-side strong{
white-space:normal !important;
word-break:break-word;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics{
width:100%;
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics span{
min-width:0;
padding:10px;
border-radius:14px;
border:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row:not(.pt-journal-row--swap-group) .pt-journal-row__metrics span:last-child{
grid-column:1 / -1;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics small{
color:rgba(232,237,245,.54);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics b{
white-space:normal;
word-break:break-word;
margin-top:4px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note--swap-group{
width:100%;
min-width:0;
padding:10px 12px;
border-radius:14px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.025);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note span,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note--swap-group span{
margin-right:6px;
margin-bottom:6px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__actions{
position:absolute;
top:14px;
right:14px;
display:flex;
justify-content:flex-end;
gap:8px;
width:auto;
z-index:2;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__actions .pt-icon-btn{
width:34px;
height:34px;
backdrop-filter:blur(4px);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-grid{
width:100%;
display:grid !important;
grid-template-columns:1fr !important;
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-side{
padding:14px;
border-radius:18px;
gap:12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics--swap{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width: 420px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__main,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-swap-head{
padding-right:0;
padding-top:44px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__actions{
top:12px;
right:12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row__metrics--swap{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row:not(.pt-journal-row--swap-group) .pt-journal-row__metrics span:last-child{
grid-column:auto;
}
}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-sort{
display:grid;
gap:8px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-sort span{
color:rgba(232,237,245,.72);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-sort select,
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-toolbar select{
min-height:46px;
background:linear-gradient(180deg, rgba(5,12,22,.92), rgba(8,16,28,.92));
border:1px solid rgba(255,255,255,.10);
border-radius:14px;
color:#eef2f8;
padding:0 14px;
color-scheme:dark;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-sort select option,
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-toolbar select option{
background:#08111f;
color:#eef2f8;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-sort select option:checked,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-sort select option:hover,
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-toolbar select option:checked,
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-toolbar select option:hover{
background:#102033;
color:#fff2bf;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-sort select:focus,
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-toolbar select:focus{
outline:none;
border-color:rgba(201,168,76,.55);
box-shadow:0 0 0 3px rgba(201,168,76,.16), inset 0 1px 0 rgba(255,255,255,.05);
}
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-toolbar{
display:flex;
justify-content:flex-end;
margin:10px 0 12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-toolbar label{
display:grid;
gap:7px;
min-width:220px;
color:rgba(232,237,245,.72);
font-size:.84rem;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-toolbar{ justify-content:stretch; }
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-toolbar label{ width:100%; min-width:0; }
}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-toolbar{
border-color:rgba(201,168,76,.14);
background:
radial-gradient(circle at top right, rgba(201,168,76,.08), transparent 34%),
linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-search input:focus{
outline:none;
border-color:rgba(201,168,76,.55);
box-shadow:0 0 0 3px rgba(201,168,76,.16), inset 0 1px 0 rgba(255,255,255,.05);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-controls-reset{
justify-self:start;
min-height:36px;
border-radius:999px;
border:1px solid rgba(201,168,76,.25);
background:rgba(201,168,76,.075);
color:#f1d279;
padding:0 14px;
cursor:pointer;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-controls-reset:hover{
border-color:rgba(201,168,76,.42);
background:rgba(201,168,76,.12);
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-sort select option,
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-toolbar select option{
background-color:#08111f !important;
color:#eef2f8 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-sort select option:checked,
body[data-nav-tool="Portfolio Tracker"] .pt-closed-positions-toolbar select option:checked{
background-color:#15243a !important;
color:#fff2bf !important;
}
@media (min-width: 900px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-toolbar{
grid-template-columns:minmax(0,1fr) minmax(220px,280px);
align-items:start;
column-gap:14px;
row-gap:14px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-search{
grid-column:1 / 2;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-sort{
grid-column:2 / 3;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters-wrap{
grid-column:1 / -1;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-controls-reset{
grid-column:1 / -1;
}
}
@media (max-width: 760px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-toolbar{
padding:14px;
border-radius:18px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-controls-reset{
width:100%;
justify-content:center;
}
}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
/* ═══════════════════════════════════════════════════════
R4X Portfolio Tracker · Welle 1 · UI System Basis
─────────────────────────────────────────────────────
Schwarz Weiß Gold, Anthrazit als Ground, Gold
gezielt an sechs definierten Stellen, einheitliche
Bereichs Header mit Icons, typografische
Untersektionen ohne Box in Box, mobile first.
═══════════════════════════════════════════════════════ */
/* ── 1) DESIGN TOKENS ──────────────────────────────── */
body[data-nav-tool="Portfolio Tracker"]{
--pt-w1-ground: #0a0d12;
--pt-w1-surface: #121821;
--pt-w1-surface-soft: #0e131c;
--pt-w1-border: rgba(255,255,255,.068);
--pt-w1-border-strong: rgba(255,255,255,.14);
--pt-w1-head-grad: linear-gradient(180deg,#18202c 0%,#11161f 100%);
--pt-w1-head-grad-collapsed: linear-gradient(180deg,#141a23 0%,#0d121a 100%);
--pt-w1-gold: #f2d36f;
--pt-w1-gold-soft: #d4af37;
--pt-w1-gold-bg: rgba(244,212,116,.13);
--pt-w1-gold-border: rgba(244,212,116,.36);
--pt-w1-gold-accent: linear-gradient(180deg,
#f4d474 0%,
rgba(212,175,55,.65) 55%,
rgba(212,175,55,.22) 100%);
--pt-w1-title: #f4f6fa;
--pt-w1-meta: #9ba8bd;
--pt-w1-meta-strong: #cdd6e5;
--pt-w1-divider: rgba(155,168,189,.12);
--pt-w1-gap-section: 32px;
--pt-w1-gap-subsec: 24px;
--pt-w1-pad-head-y: 18px;
--pt-w1-pad-head-x: 20px;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"]{
--pt-w1-gap-section: 22px;
--pt-w1-gap-subsec: 18px;
--pt-w1-pad-head-y: 14px;
--pt-w1-pad-head-x: 14px;
}
}
/* ── 2) BEREICHS HEADER einheitlich über alle 5 + Daten ──
Drei Strukturen werden adressiert:
a) Standard: #movement, #journal, #history, #distribution > .pt-section-head
b) Watchlist: #watchlist-section .pt-watchlist-block > .pt-section-head
c) Daten: #data-section > .pt-card--data > .pt-section-head
*/
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #journal-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section .pt-watchlist-block > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #data-section > .pt-card--data > .pt-section-head{
position:relative !important;
padding:var(--pt-w1-pad-head-y) var(--pt-w1-pad-head-x)
var(--pt-w1-pad-head-y) 80px !important;
min-height:78px !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #journal-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section .pt-watchlist-block > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #data-section > .pt-card--data > .pt-section-head{
padding-left:64px !important;
min-height:64px !important;
}
}
@media (max-width:420px){
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #journal-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section .pt-watchlist-block > .pt-section-head{
padding-left:56px !important;
}
}
/* Collapsed: dunkler, ruhiger */
/* Gold Akzent Linie links (eine pro Header) */
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] #journal-section > .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section .pt-watchlist-block > .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] #data-section > .pt-card--data > .pt-section-head::before{
content:"" !important;
position:absolute !important;
left:0 !important;
top:16px !important; bottom:16px !important;
width:3px !important;
z-index:2 !important;
pointer-events:none !important;
}
/* Typografie im Header */
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #journal-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section .pt-watchlist-block > .pt-section-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] #data-section > .pt-card--data > .pt-section-head .pt-kicker{
margin:0 0 4px !important;
}
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head .pt-section-title,
body[data-nav-tool="Portfolio Tracker"] #journal-section > .pt-section-head .pt-section-title,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head .pt-section-title,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head .pt-section-title,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section .pt-watchlist-block > .pt-section-head .pt-section-title,
body[data-nav-tool="Portfolio Tracker"] #data-section > .pt-card--data > .pt-section-head .pt-section-title{
margin:0 !important;
}
/* ── 3) BEREICHS ICON via JS injiziert als .pt-w1-icon ── */
body[data-nav-tool="Portfolio Tracker"] .pt-w1-icon{
position:absolute !important;
left:18px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:44px !important;
height:44px !important;
border-radius:11px !important;
background:
radial-gradient(circle at 30% 25%, rgba(244,212,116,.18), transparent 65%),
linear-gradient(180deg, rgba(244,212,116,.10), rgba(212,175,55,.04)) !important;
border:1px solid var(--pt-w1-gold-border) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
display:grid !important;
place-items:center !important;
z-index:3 !important;
pointer-events:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-w1-icon svg{
width:25px !important;
height:25px !important;
stroke:var(--pt-w1-gold) !important;
fill:none !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-w1-icon{
left:14px !important;
width:36px !important;
height:36px !important;
border-radius:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-w1-icon svg{
width:19px !important;
height:19px !important;
}
}
@media (max-width:420px){
body[data-nav-tool="Portfolio Tracker"] .pt-w1-icon{
left:12px !important;
width:32px !important;
height:32px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-w1-icon svg{
width:17px !important;
height:17px !important;
}
}
/* ── 4) UNTERSEKTIONS SPRACHE typografisch, kein Gold ──
Die existierenden Zone Heads im Journal und Modal werden
per JS mit .pt-w1-subhead markiert und so umgewidmet. */
body[data-nav-tool="Portfolio Tracker"] .pt-w1-subhead{
display:flex !important;
align-items:baseline !important;
gap:10px !important;
padding:0 4px 12px !important;
margin:0 0 16px !important;
border-bottom:1px solid var(--pt-w1-divider) !important;
background:transparent !important;
border-radius:0 !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-w1-subhead::before{
content:"" !important;
position:static !important;
background:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-w1-subhead .pt-w1-subhead-step{
color:var(--pt-w1-meta-strong) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-w1-subhead .pt-w1-subhead-title{
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-w1-subhead .pt-w1-subhead-hint{
color:var(--pt-w1-meta) !important;
margin-left:auto !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-w1-subhead{
flex-wrap:wrap !important;
gap:6px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-w1-subhead .pt-w1-subhead-hint{
flex-basis:100% !important;
margin-left:0 !important;
}
}
/* ── 5) SUMMARY CARDS Premium SVG Icons (aus v1525 gerettet) ── */
body[data-nav-tool="Portfolio Tracker"] .pt-summary-strip .pt-summary-card .pt-summary-icon{
position:relative !important;
font-size:0 !important;
line-height:0 !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-summary-strip .pt-summary-card .pt-summary-icon::after{
content:"" !important;
position:absolute !important;
inset:0 !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-size:62% 62% !important;
opacity:.95 !important;
}
/* ── 6) HISTORY STAT CARDS klickbar mit ruhigem Indikator ── */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div{
position:relative !important;
cursor:pointer !important;
padding:14px 36px 14px 14px !important;
border:1px solid var(--pt-w1-border) !important;
background:linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.008)) !important;
transition:border-color .18s ease, background .18s ease,
transform .18s ease, box-shadow .18s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div::after{
content:"" !important;
position:absolute !important;
right:12px !important; top:50% !important;
width:20px !important; height:20px !important;
margin-top:-10px !important;
background:url("data:image/svg+xml;utf8,") center/14px no-repeat !important;
opacity:.65 !important;
transition:opacity .18s ease, transform .18s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div:hover{
border-color:var(--pt-w1-border-strong) !important;
background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)) !important;
transform:translateY(-1px) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div:hover::after{
opacity:1 !important;
transform:translateX(2px) !important;
}
/* Letzter Stand bleibt Gold hervorgehoben (Whitelist Stelle 6) */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div:last-child{
border-color:var(--pt-w1-gold-border) !important;
background:
radial-gradient(220px 120px at 100% 0%, rgba(244,212,116,.14), transparent 65%),
linear-gradient(180deg, rgba(244,212,116,.04), rgba(255,255,255,.012)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div:last-child::after{
background:url("data:image/svg+xml;utf8,") center/14px no-repeat !important;
}
/* ── 7) AKTIVE AREA TAB Whitelist Stelle 3 ── */
body[data-nav-tool="Portfolio Tracker"] .pt-area-tab{
position:relative !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tab.is-active::after{
content:"" !important;
position:absolute !important;
left:14px !important; right:14px !important; bottom:3px !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-area-tab.is-active::after{
left:8px !important; right:8px !important; bottom:2px !important;
}
}
/* ── 8) PRIMARY CTA Whitelist Stelle 4 ── */
body[data-nav-tool="Portfolio Tracker"] .pt-btn--primary{
transition:transform .14s ease, box-shadow .14s ease, filter .14s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-btn--primary:hover{
transform:translateY(-1px) !important;
filter:brightness(1.04) !important;
}
/* ── 9) AKTIVER TOGGLE Whitelist Stelle 5 ── */
/* ── 10) MOBILE Sektionsabstände vergrößert ── */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-card + .pt-card,
body[data-nav-tool="Portfolio Tracker"] section.pt-card + section.pt-card,
body[data-nav-tool="Portfolio Tracker"] #tracker-shell > section + section{
margin-top:var(--pt-w1-gap-section) !important;
}
}
/* ── 11) RUHE WIEDERHERSTELLEN alte Header Hintergründe override ──
Diese alten Selektoren würden sonst das v1318 Grau Blau bringen. */
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
/* ═══════════════════════════════════════════════════════
R4X Portfolio Tracker · Welle 2 · Transaktionen
─────────────────────────────────────────────────────
Composer entkasten, Filter Toolbar beruhigen,
Emoji Glyphen durch SVG Icons (per Script),
Journal Rows scanbarer, mobile aufgeräumt.
═══════════════════════════════════════════════════════ */
/* ── 1) INTRO ZONE ruhig, zwei Status Kacheln klar ── */
body[data-nav-tool="Portfolio Tracker"] .pt-journal-intro{
background:transparent !important;
border:0 !important;
padding:18px 22px 4px !important;
gap:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-intro > div:first-child{
padding:0 !important;
background:transparent !important;
border:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-intro > div:first-child strong{
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-intro > div:first-child strong::before{
content:"" !important;
width:32px !important;
height:32px !important;
border-radius:9px !important;
border:1px solid var(--pt-w1-gold-border) !important;
background:
radial-gradient(circle at 30% 25%, rgba(244,212,116,.18), transparent 65%),
rgba(244,212,116,.08)
url("data:image/svg+xml;utf8,")
center/16px no-repeat !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-intro > div:first-child p{
color:var(--pt-w1-meta) !important;
}
/* Status Kachel ohne Gold Glow, klar lesbar */
body[data-nav-tool="Portfolio Tracker"] .pt-journal-status{
background:var(--pt-w1-surface) !important;
border:1px solid var(--pt-w1-border) !important;
border-radius:12px !important;
padding:14px 16px !important;
display:flex !important;
flex-direction:column !important;
gap:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-status::after{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-status span{
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-status strong{
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-status small{
color:var(--pt-w1-meta) !important;
}
/* ── 2) ZONE HEADS als Welle 1 Subhead Sprache ──────
Die zwei Zonen "1. Daten erfassen" und "2. Erfasste
Transaktionen" werden typografisch geführt.
*/
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone{
background:transparent !important;
border:0 !important;
padding:22px 4px 0 !important;
margin:0 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone{
padding-top:16px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head{
position:relative !important;
padding:0 18px 14px !important;
margin:0 0 18px !important;
background:transparent !important;
border:0 !important;
border-bottom:1px solid var(--pt-w1-divider) !important;
border-radius:0 !important;
box-shadow:none !important;
display:flex !important;
align-items:flex-start !important;
gap:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head::before{
content:"" !important;
position:absolute !important;
left:0 !important; top:0 !important; bottom:18px !important;
width:0 !important;
background:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head-main{
display:flex !important;
align-items:flex-start !important;
gap:14px !important;
flex:1 1 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head-icon{
flex-shrink:0 !important;
width:40px !important; height:40px !important;
border-radius:10px !important;
border:1px solid var(--pt-w1-border) !important;
background:
radial-gradient(circle at 30% 25%, rgba(244,212,116,.12), transparent 65%),
rgba(255,255,255,.02) !important;
font-size:0 !important;
display:grid !important;
place-items:center !important;
position:relative !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head-icon::after{
content:"" !important;
position:absolute !important;
inset:0 !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-size:20px 20px !important;
}
/* Zone Head: Entry vs History per Index */
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone--entry .pt-journal-zone-head-icon::after{
background-image:url("data:image/svg+xml;utf8,") !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone--history .pt-journal-zone-head-icon::after{
background-image:url("data:image/svg+xml;utf8,") !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head-copy{
display:flex !important;
flex-direction:column !important;
gap:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-kicker{
color:var(--pt-w1-gold) !important;
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head h3{
color:var(--pt-w1-title) !important;
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-head p{
color:var(--pt-w1-meta) !important;
margin:4px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-badge{
border:1px solid var(--pt-w1-border) !important;
background:rgba(255,255,255,.02) !important;
padding:6px 12px !important;
border-radius:10px !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-end !important;
gap:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-badge span{
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-zone-badge strong{
color:var(--pt-w1-title) !important;
}
/* ── 3) COMPOSER HEAD entkasten ─────────────────────── */
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head{
background:transparent !important;
border:0 !important;
padding:0 18px 16px !important;
display:flex !important;
gap:16px !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-main{
display:flex !important;
gap:14px !important;
align-items:center !important;
flex:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-icon{
width:48px !important; height:48px !important;
border-radius:12px !important;
font-size:0 !important;
position:relative !important;
flex-shrink:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-icon::after{
content:"" !important;
position:absolute !important;
inset:0 !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-size:24px 24px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head[data-journal-type="buy"] .pt-journal-composer-icon::after{
background-image:url("data:image/svg+xml;utf8,") !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head[data-journal-type="sell"] .pt-journal-composer-icon::after{
background-image:url("data:image/svg+xml;utf8,") !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head[data-journal-type="transfer"] .pt-journal-composer-icon::after{
background-image:url("data:image/svg+xml;utf8,") !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head[data-journal-type="linked_swap"] .pt-journal-composer-icon::after{
background-image:url("data:image/svg+xml;utf8,") !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head[data-journal-type="fee"] .pt-journal-composer-icon::after{
background-image:url("data:image/svg+xml;utf8,") !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head[data-journal-type="correction"] .pt-journal-composer-icon::after{
background-image:url("data:image/svg+xml;utf8,") !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head[data-journal-type="note"] .pt-journal-composer-icon::after{
background-image:url("data:image/svg+xml;utf8,") !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-kicker{
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-composer-title{
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-composer-copy{
color:var(--pt-w1-meta) !important;
margin-top:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-type{
flex-shrink:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-type label{
display:flex !important;
flex-direction:column !important;
gap:6px !important;
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-type select{
background:var(--pt-w1-surface-soft) !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:10px !important;
padding:10px 14px !important;
color:var(--pt-w1-title) !important;
min-width:180px !important;
cursor:pointer !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-head{
flex-wrap:wrap !important;
padding:0 14px 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-type{
flex-basis:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-type select{
width:100% !important;
}
}
/* ── 4) COMPOSER CARDS ENTKASTEN ────────────────────── */
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-card{
background:transparent !important;
border:0 !important;
border-radius:0 !important;
padding:0 18px !important;
margin:0 0 22px !important;
box-shadow:none !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-card{
padding:0 14px !important;
margin-bottom:18px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-card-head{
background:transparent !important;
border:0 !important;
border-bottom:1px solid var(--pt-w1-divider) !important;
border-radius:0 !important;
padding:0 0 10px !important;
margin:0 0 14px !important;
display:flex !important;
align-items:center !important;
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-card-icon{
width:30px !important; height:30px !important;
border-radius:8px !important;
border:1px solid var(--pt-w1-border) !important;
background:rgba(255,255,255,.02) !important;
font-size:0 !important;
display:grid !important;
place-items:center !important;
position:relative !important;
flex-shrink:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-card-icon::after{
content:"" !important;
position:absolute !important;
inset:0 !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-size:16px 16px !important;
}
/* Mapping anhand pt-journal-composer-card Klasse */
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-card--core .pt-journal-card-icon::after{
background-image:url("data:image/svg+xml;utf8,") !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-composer-card--note .pt-journal-card-icon::after{
background-image:url("data:image/svg+xml;utf8,") !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-card-head strong{
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-card-head p{
color:var(--pt-w1-meta) !important;
margin:2px 0 0 !important;
}
/* Transfer / Swap Linked Blocks identische Sprache */
body[data-nav-tool="Portfolio Tracker"] .pt-linked-swap-block,
body[data-nav-tool="Portfolio Tracker"] .pt-linked-swap-form,
body[data-nav-tool="Portfolio Tracker"] .pt-transfer-form{
background:transparent !important;
border:0 !important;
padding:0 18px !important;
box-shadow:none !important;
margin:0 0 22px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-linked-head{
background:transparent !important;
border:0 !important;
border-bottom:1px solid var(--pt-w1-divider) !important;
padding:0 0 12px !important;
margin:0 0 16px !important;
display:flex !important;
align-items:center !important;
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-linked-head > span{
width:36px !important; height:36px !important;
border-radius:9px !important;
border:1px solid var(--pt-w1-border) !important;
background:rgba(255,255,255,.02)
url("data:image/svg+xml;utf8,")
center/18px no-repeat !important;
flex-shrink:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-linked-head strong{
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-linked-head p{
color:var(--pt-w1-meta) !important;
}
/* ── 5) FILTER TOOLBAR beruhigen ──────────────────────
Suche, Sort, Filter, Reset als ruhige flache Reihe.
Doppelte Filter Logik (Picker und Chips) bleibt im JS,
aber Box Wrap und Head werden entkastet.
*/
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-toolbar{
background:transparent !important;
border:0 !important;
padding:14px 18px 8px !important;
display:grid !important;
grid-template-columns:1.4fr 1fr 1.6fr auto !important;
gap:12px !important;
align-items:end !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-toolbar > label,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-toolbar > .pt-journal-history-filters-wrap{
background:transparent !important;
border:0 !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-search,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-sort{
display:flex !important;
flex-direction:column !important;
gap:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-search > span,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-sort > span,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters-head > span{
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-search input,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-sort select{
background:var(--pt-w1-surface-soft) !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:10px !important;
padding:10px 14px !important;
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-search input::placeholder{
color:rgba(155,168,189,.6) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-search input:focus,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-sort select:focus{
outline:none !important;
border-color:var(--pt-w1-gold-border) !important;
box-shadow:0 0 0 3px rgba(244,212,116,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters-wrap{
display:flex !important;
flex-direction:column !important;
gap:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters-head{
display:flex !important;
align-items:baseline !important;
gap:8px !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters-head small{
color:var(--pt-w1-meta) !important;
}
/* Filter Picker (mobile) vs Chips (desktop):
Desktop ab 980px zeigt Chips, mobile zeigt Picker. */
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-select{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters{
display:flex !important;
flex-wrap:wrap !important;
gap:6px !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters .pt-chip{
background:transparent !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:7px !important;
padding:5px 10px !important;
color:var(--pt-w1-meta-strong) !important;
cursor:pointer !important;
transition:border-color .14s ease, color .14s ease, background .14s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters .pt-chip:hover{
border-color:rgba(255,255,255,.24) !important;
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters .pt-chip.is-active{
background:linear-gradient(180deg, rgba(244,212,116,.16), rgba(212,175,55,.06)) !important;
border-color:var(--pt-w1-gold-border) !important;
color:var(--pt-w1-gold) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-controls-reset{
align-self:end !important;
background:transparent !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:8px !important;
padding:8px 14px !important;
color:var(--pt-w1-meta-strong) !important;
cursor:pointer !important;
transition:border-color .14s ease, color .14s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-controls-reset:hover{
border-color:rgba(255,255,255,.32) !important;
color:var(--pt-w1-title) !important;
}
/* Mobile: Toolbar stapelt vertikal, Picker statt Chips */
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-toolbar{
grid-template-columns:1fr !important;
padding:14px !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-select{
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filters{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-trigger{
width:100% !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
background:var(--pt-w1-surface-soft) !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:10px !important;
padding:10px 14px !important;
color:var(--pt-w1-title) !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-menu{
margin-top:6px !important;
background:var(--pt-w1-surface) !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:10px !important;
padding:6px !important;
display:flex !important;
flex-direction:column !important;
gap:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-option{
background:transparent !important;
border:0 !important;
text-align:left !important;
padding:8px 12px !important;
border-radius:7px !important;
color:var(--pt-w1-meta-strong) !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-filter-option.is-active{
background:rgba(244,212,116,.12) !important;
color:var(--pt-w1-gold) !important;
}
}
/* ── 6) JOURNAL ROWS scanbarer ─────────────────────── */
body[data-nav-tool="Portfolio Tracker"] .pt-journal-list{
padding:8px 18px 18px !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-journal-list{
padding:6px 14px 14px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row{
background:var(--pt-w1-surface) !important;
border:1px solid var(--pt-w1-border) !important;
border-radius:10px !important;
padding:14px 16px !important;
margin:0 0 8px !important;
transition:border-color .14s ease, background .14s ease, transform .14s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-row:hover{
border-color:var(--pt-w1-border-strong) !important;
background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012)) !important;
transform:translateY(-1px) !important;
}
/* ── 7) FORM GRIDS innerhalb Composer ─────────────── */
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-grid{
display:grid !important;
grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)) !important;
gap:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-grid label{
display:flex !important;
flex-direction:column !important;
gap:6px !important;
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-grid input,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-grid select{
background:var(--pt-w1-surface-soft) !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:10px !important;
padding:10px 14px !important;
color:var(--pt-w1-title) !important;
transition:border-color .14s ease, box-shadow .14s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-grid input:focus,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-grid select:focus{
outline:none !important;
border-color:var(--pt-w1-gold-border) !important;
box-shadow:0 0 0 3px rgba(244,212,116,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note-field{
display:flex !important;
flex-direction:column !important;
gap:6px !important;
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-note-field input{
background:var(--pt-w1-surface-soft) !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:10px !important;
padding:10px 14px !important;
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-hint{
background:rgba(255,255,255,.022) !important;
border:1px solid var(--pt-w1-border) !important;
border-radius:8px !important;
padding:10px 12px !important;
margin:12px 0 0 !important;
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-hint strong{
color:var(--pt-w1-meta-strong) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-hint > span:first-child{
display:none !important;
}
/* ── 8) FORM ACTIONS Submit Button ─────────────────── */
body[data-nav-tool="Portfolio Tracker"] .pt-journal-form-actions,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-actions{
padding:14px 18px 22px !important;
border:0 !important;
background:transparent !important;
}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
/* ═══════════════════════════════════════════════════════
R4X Portfolio Tracker · Welle 3 · Position Modal
─────────────────────────────────────────────────────
Modal Card und Head in Welle 1 Sprache, Form Steps
entkastet, Optionale Angaben aufgeräumt, Emoji
Glyphen durch SVG Icons, klarere Hierarchie zwischen
Eingabe und Bearbeitung, mobile sauber vertikal.
═══════════════════════════════════════════════════════ */
/* ── 1) MODAL CARD Welle 1 Sprache ──────────────────── */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-card{
width:min(1160px,calc(100vw - 42px)) !important;
max-width:min(1160px,calc(100vw - 42px)) !important;
min-width:0 !important;
box-sizing:border-box !important;
background:
radial-gradient(720px 220px at 50% -50px, rgba(244,212,116,.045), transparent 65%),
linear-gradient(180deg, #131a25 0%, #0d121a 100%) !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:18px !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04),
0 28px 70px rgba(0,0,0,.6) !important;
overflow-x:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal.pt-modal{
align-items:stretch !important;
justify-content:flex-start !important;
inset:0 !important;
width:100vw !important;
min-width:100vw !important;
max-width:100vw !important;
height:100dvh !important;
min-height:100dvh !important;
padding:0 !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-card{
width:100vw !important;
max-width:100vw !important;
min-width:0 !important;
height:100dvh !important;
min-height:100dvh !important;
max-height:100dvh !important;
margin:0 !important;
border-radius:0 !important;
border-left:0 !important;
border-right:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
}
}
/* ── 2) MODAL HEAD wie Bereichs Header ──────────────── */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head{
position:relative !important;
padding:20px 24px 18px 30px !important;
background:
radial-gradient(360px 90px at 90% 50%, rgba(244,212,116,.06), transparent 60%),
linear-gradient(180deg, #18202c, #131a25) !important;
border-bottom:1px solid rgba(255,255,255,.045) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head::before{
content:"" !important;
position:absolute !important;
left:0 !important;
top:18px !important; bottom:18px !important;
width:3px !important;
border-radius:0 4px 4px 0 !important;
background:var(--pt-w1-gold-accent) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head .pt-kicker{
color:var(--pt-w1-gold) !important;
margin:0 0 4px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head h2{
color:var(--pt-w1-title) !important;
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head .pt-icon-btn{
width:36px !important; height:36px !important;
transition:background .14s ease, color .14s ease, border-color .14s ease !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head{
padding:16px 18px 14px 22px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head::before{
top:14px !important; bottom:14px !important;
}
}
/* ── 3) FORM GRID klares Layout ────────────────────── */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form{
display:block !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
padding:22px 24px 24px !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form{
padding:16px 14px 18px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main{
display:grid !important;
inline-size:100% !important;
width:100% !important;
max-width:none !important;
min-width:0 !important;
box-sizing:border-box !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
grid-template-areas:
"asset value"
"journal journal"
"actions actions" !important;
gap:24px !important;
align-items:start !important;
justify-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main.has-existing-position-context{
grid-template-areas:
"asset asset"
"change change"
"value value"
"journal journal"
"actions actions" !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main > *{
min-width:0 !important;
max-width:100% !important;
box-sizing:border-box !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main > .pt-form-step{
width:100% !important;
inline-size:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main > #position-asset-step{grid-area:asset !important;}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main > #position-value-step{grid-area:value !important;}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main > #position-change-step{grid-area:change !important;}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main > #position-journal-step{grid-area:journal !important;}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main > .pt-form-step--actions{grid-area:actions !important;}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-change-step[hidden]{display:none !important;}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main{
grid-template-columns:minmax(0,1fr) !important;
grid-template-areas:
"asset"
"value"
"journal"
"actions" !important;
gap:20px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main.has-existing-position-context{
grid-template-areas:
"asset"
"change"
"value"
"journal"
"actions" !important;
}
}
/* ── 4) FORM STEPS entkasten, typografisch ────────── */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step{
background:transparent !important;
border:0 !important;
border-radius:0 !important;
padding:0 !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step:not(.pt-form-step--actions){
padding:18px 18px 20px !important;
background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006)) !important;
border:1px solid var(--pt-w1-border) !important;
border-radius:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step > .pt-step-label,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-head .pt-step-label,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-change-step .pt-change-head .pt-step-label,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle .pt-step-label{
display:flex !important;
align-items:center !important;
gap:10px !important;
padding:0 0 12px !important;
margin:0 0 18px !important;
border-bottom:1px solid var(--pt-w1-divider) !important;
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-label,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-label > :not(.pt-step-optional):not(.pt-step-separator):not(.pt-step-required){
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-label::before{
content:"" !important;
flex-shrink:0 !important;
width:3px !important;
height:20px !important;
border-radius:2px !important;
background:var(--pt-w1-gold-accent) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step:not(.pt-form-step--actions){
padding:14px 14px 16px !important;
border-radius:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-label,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step > .pt-step-label,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-head .pt-step-label,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-change-step .pt-change-head .pt-step-label,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle .pt-step-label{
margin-bottom:14px !important;
}
}
/* ── 5) SCHRITT 1 Coin auswählen ────────────────────── */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-search-field{
display:flex !important;
flex-direction:column !important;
gap:6px !important;
margin:0 0 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-search-field > span{
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-search-field > input{
width:100% !important;
min-width:0 !important;
max-width:100% !important;
box-sizing:border-box !important;
background:var(--pt-w1-surface-soft) !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:10px !important;
padding:11px 14px 11px 38px !important;
color:var(--pt-w1-title) !important;
background-image:url("data:image/svg+xml;utf8,") !important;
background-repeat:no-repeat !important;
background-position:12px center !important;
background-size:16px 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-search-field > input::placeholder{
color:rgba(155,168,189,.6) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-search-field > input:focus{
outline:none !important;
border-color:var(--pt-w1-gold-border) !important;
box-shadow:0 0 0 3px rgba(244,212,116,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-chip-grid{
width:100% !important;
min-width:0 !important;
display:flex !important;
flex-wrap:wrap !important;
gap:6px !important;
margin:0 0 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-selected{
background:var(--pt-w1-surface-soft) !important;
border:1px solid var(--pt-w1-border) !important;
border-radius:12px !important;
padding:12px 14px !important;
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-selected.is-active{
background:linear-gradient(180deg, rgba(244,212,116,.06), rgba(244,212,116,.014)) !important;
border-color:var(--pt-w1-gold-border) !important;
color:var(--pt-w1-title) !important;
}
/* ── 6) SCHRITT 2 Bestand und Wert ────────────────── */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-panel{
background:rgba(255,255,255,.014) !important;
border:1px solid var(--pt-w1-border) !important;
border-radius:10px !important;
padding:14px !important;
margin:0 0 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-title{
color:var(--pt-w1-meta) !important;
margin:0 0 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-grid{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:8px !important;
}
@media (max-width:520px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-grid{
grid-template-columns:1fr !important;
}
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card{
background:transparent !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:9px !important;
padding:10px 12px !important;
text-align:left !important;
cursor:pointer !important;
display:flex !important;
flex-direction:column !important;
gap:4px !important;
transition:border-color .14s ease, background .14s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card strong{
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card small{
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card:hover{
border-color:rgba(255,255,255,.22) !important;
background:rgba(255,255,255,.02) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card.is-active{
background:linear-gradient(180deg, rgba(244,212,116,.14), rgba(212,175,55,.05)) !important;
border-color:var(--pt-w1-gold-border) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card.is-active strong{
color:var(--pt-w1-gold) !important;
}
/* Felder einheitlich */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field{
display:flex !important;
flex-direction:column !important;
gap:6px !important;
margin:0 0 14px !important;
position:relative !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field > span{
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field > small{
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field input,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field select,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field textarea{
width:100% !important;
min-width:0 !important;
max-width:100% !important;
box-sizing:border-box !important;
background:var(--pt-w1-surface-soft) !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:10px !important;
padding:11px 14px !important;
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field input::placeholder,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field textarea::placeholder{
color:rgba(155,168,189,.55) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field input:focus,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field select:focus,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field textarea:focus{
outline:none !important;
border-color:var(--pt-w1-gold-border) !important;
box-shadow:0 0 0 3px rgba(244,212,116,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field input:disabled,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field input[readonly]{
background:rgba(255,255,255,.014) !important;
border-color:var(--pt-w1-border) !important;
color:var(--pt-w1-meta-strong) !important;
cursor:not-allowed !important;
}
/* Auto berechnet Badge an disabled Inputs */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field input:disabled + small,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field input[readonly] + small{
position:relative !important;
padding-left:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field:has(input:disabled) > span::after,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-field:has(input[readonly]) > span::after{
content:"AUTO" !important;
margin-left:8px !important;
padding:2px 7px !important;
background:rgba(244,212,116,.10) !important;
border:1px solid rgba(244,212,116,.30) !important;
border-radius:4px !important;
color:var(--pt-w1-gold) !important;
}
/* Bewertungsmodus Segmented Switch */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-mode{
background:rgba(255,255,255,.014) !important;
border:1px solid var(--pt-w1-border) !important;
border-radius:10px !important;
padding:12px 14px !important;
margin:0 0 6px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-mode > span{
display:block !important;
margin:0 0 8px !important;
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-mode-buttons{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:0 !important;
background:var(--pt-w1-surface-soft) !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:9px !important;
padding:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-mode-buttons button{
background:transparent !important;
border:0 !important;
border-radius:7px !important;
padding:9px 12px !important;
color:var(--pt-w1-meta-strong) !important;
cursor:pointer !important;
transition:background .14s ease, color .14s ease, box-shadow .14s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-mode-buttons button:hover{
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-mode-buttons button.is-active{
background:linear-gradient(180deg, #f4d474, #d4af37) !important;
color:#1a1408 !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.42),
inset 0 -1px 0 rgba(0,0,0,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-mode-hint{
margin:0 4px 14px !important;
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-cash-hint{
background:rgba(255,255,255,.022) !important;
border:1px solid var(--pt-w1-border) !important;
border-radius:8px !important;
padding:8px 12px !important;
margin:0 0 14px !important;
color:var(--pt-w1-meta-strong) !important;
}
/* Date Input mit Icon */
body[data-nav-tool="Portfolio Tracker"] #position-modal #transaction-date-input{
background:var(--pt-w1-surface-soft)
url("data:image/svg+xml;utf8,")
right 12px center / 18px no-repeat !important;
padding-right:40px !important;
}
/* ── 7) SCHRITT ÄNDERUNG (nur Edit) ─────────────────── */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step--change{
background:
radial-gradient(360px 80px at 90% 0%, rgba(244,212,116,.05), transparent 65%),
linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008)) !important;
border:1px solid var(--pt-w1-gold-border) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-head{
display:block !important;
padding:0 !important;
margin:0 0 16px !important;
border-bottom:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-head::before,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-head::after{
content:none !important;
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-required{
display:inline-block !important;
margin-left:8px !important;
padding:2px 8px !important;
background:rgba(244,212,116,.12) !important;
border:1px solid var(--pt-w1-gold-border) !important;
border-radius:4px !important;
color:var(--pt-w1-gold) !important;
vertical-align:middle !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-subline{
color:var(--pt-w1-meta) !important;
margin:6px 0 0 !important;
}
/* ── 8) OPTIONALE ANGABEN Toggle und Sub Panels ────── */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step--journal{
padding:0 !important;
background:transparent !important;
border:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-head{
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle{
width:100% !important;
background:linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.008)) !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:14px !important;
padding:14px 18px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:14px !important;
cursor:pointer !important;
transition:border-color .14s ease, background .14s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle:hover{
border-color:var(--pt-w1-gold-border) !important;
background:linear-gradient(180deg, rgba(244,212,116,.04), rgba(255,255,255,.012)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle-copy{
display:flex !important;
flex-direction:column !important;
gap:4px !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle .pt-step-label{
border-bottom:0 !important;
padding:0 !important;
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle .pt-step-label > :not(.pt-step-optional):not(.pt-step-separator):not(.pt-step-required){
color:inherit !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-separator{
color:var(--pt-w1-meta) !important;
margin:0 4px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-optional{
padding:2px 8px !important;
background:rgba(255,255,255,.04) !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:4px !important;
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-subline{
color:var(--pt-w1-meta) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle-action{
flex-shrink:0 !important;
padding:8px 14px 8px 32px !important;
background:rgba(255,255,255,.03)
url("data:image/svg+xml;utf8,")
left 10px center/14px no-repeat !important;
border:1px solid var(--pt-w1-gold-border) !important;
border-radius:8px !important;
color:var(--pt-w1-gold) !important;
transition:background .14s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle[aria-expanded="true"] .pt-journal-toggle-action{
background-image:url("data:image/svg+xml;utf8,") !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle{
flex-wrap:wrap !important;
padding:12px 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle-action{
flex-basis:100% !important;
text-align:center !important;
background-position:center left calc(50% - 50px) !important;
}
}
/* Journal Body Sub Panels entkasten */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-body{
margin:16px 0 0 !important;
padding:18px 18px 20px !important;
background:rgba(255,255,255,.014) !important;
border:1px solid var(--pt-w1-border) !important;
border-radius:14px !important;
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:18px !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-body{
grid-template-columns:1fr !important;
padding:14px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-panel{
background:transparent !important;
border:0 !important;
padding:0 !important;
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-panel--thesis{
grid-column:1 / -1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-panel-head{
display:flex !important;
gap:12px !important;
align-items:center !important;
padding:0 0 10px !important;
margin:0 0 12px !important;
border-bottom:1px solid var(--pt-w1-divider) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-panel-icon{
flex-shrink:0 !important;
width:30px !important; height:30px !important;
border-radius:8px !important;
border:1px solid var(--pt-w1-border) !important;
background:rgba(255,255,255,.02) !important;
font-size:0 !important;
position:relative !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-panel-icon::after{
content:"" !important;
position:absolute !important;
inset:0 !important;
background-position:center !important;
background-repeat:no-repeat !important;
background-size:16px 16px !important;
}
/* Fee Panel (vorher 🧾) */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-panel--fee .pt-journal-panel-icon::after{
background-image:url("data:image/svg+xml;utf8,") !important;
}
/* Holding Panel (vorher ⌛) */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-panel--holding .pt-journal-panel-icon::after{
background-image:url("data:image/svg+xml;utf8,") !important;
}
/* Thesis Panel (vorher ✎) */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-panel--thesis .pt-journal-panel-icon::after{
background-image:url("data:image/svg+xml;utf8,") !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-panel-head h3{
color:var(--pt-w1-title) !important;
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-panel-head p{
color:var(--pt-w1-meta) !important;
margin:2px 0 0 !important;
}
/* Holding Toggle Card */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-holding-card{
background:var(--pt-w1-surface-soft) !important;
border:1px solid var(--pt-w1-border-strong) !important;
border-radius:10px !important;
padding:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-de-holding-toggle{
display:flex !important;
align-items:flex-start !important;
gap:10px !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-de-holding-toggle__copy{
display:flex !important;
flex-direction:column !important;
gap:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-de-holding-toggle__copy strong{
color:var(--pt-w1-title) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-de-holding-toggle__copy small{
color:var(--pt-w1-meta) !important;
}
/* ── 9) ACTIONS Save Primary Gold, Ghost ruhig ────── */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step--actions{
padding-top:18px !important;
border-top:1px solid var(--pt-w1-divider) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-actions--3{
display:grid !important;
grid-template-columns:2fr 1fr 1fr !important;
gap:10px !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-actions--3{
grid-template-columns:1fr !important;
}
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-btn--ghost{
transition:background .14s ease, color .14s ease, border-color .14s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-feedback{
margin:12px 0 0 !important;
color:var(--pt-w1-meta) !important;
}
/* ── 10) WL Modal gleiche Sprache ──────────────────── */
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-modal-card,
body[data-nav-tool="Portfolio Tracker"] #wl-edit-modal .pt-modal-card{
background:
radial-gradient(720px 220px at 50% -50px, rgba(244,212,116,.045), transparent 65%),
linear-gradient(180deg, #131a25 0%, #0d121a 100%) !important;
border:1px solid var(--pt-w1-border-strong) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04),
0 28px 70px rgba(0,0,0,.6) !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-modal-head,
body[data-nav-tool="Portfolio Tracker"] #wl-edit-modal .pt-modal-head{
position:relative !important;
padding-left:30px !important;
background:
radial-gradient(360px 90px at 90% 50%, rgba(244,212,116,.06), transparent 60%),
linear-gradient(180deg, #18202c, #131a25) !important;
}
body[data-nav-tool="Portfolio Tracker"] #wl-search-modal .pt-modal-head::before,
body[data-nav-tool="Portfolio Tracker"] #wl-edit-modal .pt-modal-head::before{
content:"" !important;
position:absolute !important;
left:0 !important;
top:18px !important; bottom:18px !important;
width:3px !important;
border-radius:0 4px 4px 0 !important;
background:var(--pt-w1-gold-accent) !important;
}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
/* R4X Portfolio Tracker v1713 · saubere CSS-Flaggen mit ganzen Pixelstreifen */
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip{
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip__flag{
position:relative !important;
display:inline-block !important;
width:21px !important;
height:15px !important;
min-width:21px !important;
flex:0 0 21px !important;
padding:0 !important;
border-radius:2px !important;
overflow:hidden !important;
border:0 !important;
outline:1px solid rgba(255,255,255,.18) !important;
box-shadow:0 0 0 1px rgba(0,0,0,.28) !important;
font-size:0 !important;
line-height:0 !important;
color:transparent !important;
background-repeat:no-repeat !important;
image-rendering:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip--de .pt-taxchip__flag{
background:linear-gradient(to bottom, #000 0 5px, #dd0000 5px 10px, #ffce00 10px 15px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip--at .pt-taxchip__flag{
background:linear-gradient(to bottom, #c8102e 0 5px, #fff 5px 10px, #c8102e 10px 15px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip--ch .pt-taxchip__flag{
width:15px !important;
height:15px !important;
min-width:15px !important;
flex-basis:15px !important;
background:#d52b1e !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip--ch .pt-taxchip__flag::before,
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip--ch .pt-taxchip__flag::after{
content:"" !important;
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%,-50%) !important;
background:#fff !important;
border-radius:1px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip--ch .pt-taxchip__flag::before{
width:9px !important;
height:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-taxchip--ch .pt-taxchip__flag::after{
width:3px !important;
height:9px !important;
}
@media (max-width:760px){
}
/* R4X Portfolio Tracker v1714 · Overview heads all left-aligned */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-head,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-head{
align-items:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-head{
justify-content:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-head > div,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-title,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-title > div{
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-head .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-head h3,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-title .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-title h3{
text-align:left !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-head,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-head{
flex-direction:column !important;
align-items:flex-start !important;
justify-content:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-card-head > div,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-system-title{
width:100% !important;
}
}
/* R4X Portfolio Tracker v1718 · Portfoliowert und Datum im Rückblick-Verlauf */
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-entry{
margin:12px 20px 16px !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-entry > small{
color:rgba(205,220,240,.62) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-open{
width:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-tabs{
display:flex !important;
gap:8px !important;
margin:0 22px 16px !important;
padding:5px !important;
border:1px solid rgba(212,175,55,.18) !important;
border-radius:16px !important;
background:rgba(255,255,255,.035) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-tab{
appearance:none !important;
border:1px solid transparent !important;
border-radius:12px !important;
background:transparent !important;
color:rgba(205,220,240,.72) !important;
padding:10px 12px !important;
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
gap:12px !important;
flex:1 1 0 !important;
min-width:0 !important;
cursor:pointer !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-tab small{
color:rgba(205,220,240,.54) !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-tab.is-active{
border-color:rgba(212,175,55,.34) !important;
background:linear-gradient(180deg, rgba(212,175,55,.14), rgba(212,175,55,.055)) !important;
color:#f4f7fb !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-tab.is-active small{
color:rgba(242,211,111,.82) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-panels{
min-height:220px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-panel[hidden]{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-panel-head{
margin:0 22px 14px !important;
padding:14px 16px !important;
border:1px solid rgba(255,255,255,.07) !important;
border-radius:16px !important;
background:rgba(255,255,255,.024) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-panel-head h4{
margin:0 0 4px !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-panel-head p{
margin:0 !important;
color:rgba(205,220,240,.64) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-panel .pt-review-archive-list{
margin:0 22px 22px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-panel .pt-review-archive-note{
margin:0 22px 22px !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-entry{
margin:12px 15px 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-open{
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-tabs{
margin:0 14px 14px !important;
flex-direction:column !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-panel-head,
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-panel .pt-review-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-panel .pt-review-archive-note{
margin-left:14px !important;
margin-right:14px !important;
}
}
/* R4X Portfolio Tracker v1719 · Verlauf-Modal aus Overview öffnen und Tabs klarer trennen */
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-tab{
position:relative !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-tab + .pt-history-modal-tab::before{
content:"" !important;
position:absolute !important;
left:-5px !important;
top:10px !important;
bottom:10px !important;
width:1px !important;
background:linear-gradient(180deg, transparent, rgba(212,175,55,.32), transparent) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-tab span{
display:flex !important;
align-items:center !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-tab span i{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:25px !important;
height:25px !important;
border-radius:999px !important;
border:1px solid rgba(255,255,255,.09) !important;
background:rgba(255,255,255,.035) !important;
color:rgba(242,211,111,.82) !important;
flex:0 0 22px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-tab.is-active span i{
border-color:rgba(212,175,55,.34) !important;
background:rgba(212,175,55,.13) !important;
color:#f2d36f !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-history-modal-tab + .pt-history-modal-tab::before{
left:12px !important;
right:12px !important;
top:-5px !important;
bottom:auto !important;
width:auto !important;
height:1px !important;
background:linear-gradient(90deg, transparent, rgba(212,175,55,.30), transparent) !important;
}
}
/* R4X Portfolio Tracker v1720 · Verlauf-Werte farblich sauber und Modal nicht versehentlich schließen */
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-stats{
grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-item .is-positive,
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-stats strong.is-positive,
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-stats small.is-positive,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .is-positive,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-delta.is-positive,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-wrap .is-positive{
color:#8fe28d !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-item .is-negative,
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-stats strong.is-negative,
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-stats small.is-negative,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .is-negative,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-delta.is-negative,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-compare-wrap .is-negative{
color:#ff8b8b !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-item .is-neutral,
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-stats strong.is-neutral,
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-stats small.is-neutral,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .is-neutral,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-item .pt-delta.is-neutral{
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
cursor:default !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-stats{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-stats{
grid-template-columns:1fr !important;
}
}
/* R4X Portfolio Tracker v1715 · gespeicherter Rückblick Status */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-save-state{
margin:8px 15px 0 !important;
padding:8px 12px !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:10px !important;
background:rgba(255,255,255,.024) !important;
color:rgba(180,200,225,.58) !important;
text-align:left !important;
}
/* R4X Portfolio Tracker v1716 · gespeicherte Rückblicke aufrufbar */
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive{
margin:12px 20px 18px !important;
border:1px solid rgba(212,175,55,.18) !important;
border-radius:16px !important;
background:rgba(255,255,255,.018) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive summary{
list-style:none !important;
cursor:pointer !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
padding:13px 15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive summary::-webkit-details-marker{display:none !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive summary strong{
display:block !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive summary small{
display:block !important;
margin-top:3px !important;
color:rgba(205,220,240,.62) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive summary i{
color:#d4af37 !important;
transition:transform .18s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive[open] summary i{transform:rotate(180deg) !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-list{
max-height:420px !important;
overflow:auto !important;
padding:0 12px 12px !important;
display:flex !important;
flex-direction:column !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-item{
border:1px solid rgba(255,255,255,.075) !important;
border-radius:13px !important;
background:rgba(7,11,17,.42) !important;
padding:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-item__head{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
gap:12px !important;
margin-bottom:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-item__head strong{
display:block !important;
color:#f6f8fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-item__head small,
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-item small,
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-item p{
color:rgba(205,220,240,.64) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-item__head > span{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-stats{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-stats div{
border:1px solid rgba(255,255,255,.06) !important;
border-radius:10px !important;
background:rgba(255,255,255,.026) !important;
padding:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-stats span{
display:block !important;
color:rgba(205,220,240,.56) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-stats strong{
display:block !important;
margin-top:3px !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-item p{
margin:9px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-note{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
padding:11px 14px 13px !important;
border-top:1px solid rgba(255,255,255,.06) !important;
color:rgba(205,220,240,.66) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-note a{
color:#f2d36f !important;
white-space:nowrap !important;
text-decoration:none !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive{margin:12px 15px 16px !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-stats{grid-template-columns:1fr !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-review-archive-note{align-items:flex-start !important; flex-direction:column !important;}
}
/* R4X Portfolio Tracker v1561 · Position Modal Step Header final konsolidiert */
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
grid-template-columns:repeat(7,minmax(0,1fr)) !important;
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs{
grid-template-columns:repeat(7,minmax(112px,1fr)) !important;
}
}
body[data-nav-tool="Portfolio Tracker"] #data-section.pt-tool-area--data{
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section > .pt-card--data{
max-width:none !important;
width:100% !important;
padding:0 !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section > .pt-card--data::before{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section > .pt-card--data > .pt-section-head{
position:relative !important;
padding:var(--pt-w1-pad-head-y,18px) var(--pt-w1-pad-head-x,20px) var(--pt-w1-pad-head-y,18px) 80px !important;
min-height:78px !important;
cursor:default !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section > .pt-card--data > .pt-section-head::before{
content:"" !important;
position:absolute !important;
left:0 !important;
top:16px !important;
bottom:16px !important;
width:3px !important;
z-index:2 !important;
pointer-events:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-section-subtext{
max-width:860px !important;
margin:7px 0 0 !important;
color:var(--pt-w1-meta, rgba(201,214,232,.68)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-body{
padding:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-actions{
display:flex !important;
flex-wrap:wrap !important;
gap:10px !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-feedback{
flex-basis:100% !important;
margin:4px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section > .pt-note{
max-width:none !important;
margin-top:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block,
body[data-nav-tool="Portfolio Tracker"] #journal-section,
body[data-nav-tool="Portfolio Tracker"] #history-section,
body[data-nav-tool="Portfolio Tracker"] #movement-section,
body[data-nav-tool="Portfolio Tracker"] #distribution-section{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #data-section > .pt-card--data > .pt-section-head{
padding-left:64px !important;
min-height:64px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-body{
padding:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-actions{
display:grid !important;
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-actions .pt-btn,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-actions .pt-import{
width:100% !important;
justify-content:center !important;
}
}
@media (max-width:420px){
body[data-nav-tool="Portfolio Tracker"] #data-section > .pt-card--data > .pt-section-head{
padding-left:56px !important;
}
}
/* R4X v1683 · Portfolio-Regeln Premium-Redesign */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form{
display:grid !important;
gap:20px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-note-block{
display:grid !important;
gap:14px !important;
}
/* Trennlinie zwischen Blöcken */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block + .pt-rules-block,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block + .pt-rules-note-block{
padding-top:18px !important;
border-top:1px solid rgba(255,255,255,.06) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block-head{
display:grid !important;
gap:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block-head__eyebrow,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-note-block__eyebrow{
color:#d4af37 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block-head strong,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-note-block strong{
color:#f0ede4 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block-head p,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-note-block p{
margin:0 !important;
color:rgba(195,210,230,.58) !important;
}
/* Fieldset: eingefasster Bereich mit Goldlegende */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-fieldset{
display:grid !important;
gap:10px !important;
margin:0 !important;
padding:16px !important;
border:1px solid rgba(242,211,111,.14) !important;
border-radius:18px !important;
background:rgba(242,211,111,.028) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-fieldset legend{
padding:0 8px !important;
color:#d4af37 !important;
}
/* Group: aufklappbare Sektion */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group{
border:1px solid rgba(255,255,255,.07) !important;
border-radius:18px !important;
background:rgba(255,255,255,.02) !important;
overflow:hidden !important;
transition:border-color .18s !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group[open]{
border-color:rgba(242,211,111,.2) !important;
background:rgba(242,211,111,.022) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group summary{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:12px !important;
align-items:center !important;
cursor:pointer !important;
padding:14px 16px !important;
list-style:none !important;
user-select:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group summary::-webkit-details-marker{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group__summary{
display:grid !important;
grid-template-columns:auto minmax(0,1fr) !important;
gap:13px !important;
align-items:center !important;
}
/* Icon-Box: schärferer Goldrand */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group__icon{
width:36px !important;
height:36px !important;
border-radius:12px !important;
display:grid !important;
place-items:center !important;
background:rgba(212,175,55,.08) !important;
border:1px solid rgba(212,175,55,.3) !important;
color:#f2d36f !important;
font-size:.92rem !important;
line-height:1 !important;
flex-shrink:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group__copy{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group__copy strong{
display:block !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group__copy small{
display:block !important;
margin-top:3px !important;
color:rgba(195,210,230,.52) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group__meta{
display:grid !important;
grid-auto-flow:column !important;
gap:10px !important;
align-items:center !important;
}
/* Aktiv-Badge: Gold-Pill */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group__meta em{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:22px !important;
padding:0 9px !important;
border-radius:999px !important;
border:1px solid rgba(212,175,55,.3) !important;
background:rgba(212,175,55,.1) !important;
color:#d4af37 !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group summary i{
color:rgba(212,175,55,.6) !important;
transition:transform .18s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group[open] summary i{
transform:rotate(180deg) !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group__body{
display:grid !important;
gap:10px !important;
padding:0 14px 14px !important;
border-top:1px solid rgba(242,211,111,.08) !important;
margin-top:2px !important;
padding-top:14px !important;
}
/* Form-Felder */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form label > span{
display:block !important;
color:#e8edf5 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form label small{
color:rgba(190,210,235,.48) !important;
}
/* Checkbox-Zeilen */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-check{
grid-template-columns:auto minmax(0,1fr) !important;
column-gap:11px !important;
align-items:start !important;
background:transparent !important;
border:none !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-check input{
width:18px !important;
min-height:18px !important;
height:18px !important;
margin-top:1px !important;
accent-color:#d8b33f !important;
border:none !important;
min-height:unset !important;
border-radius:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-check span,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-check small{
grid-column:2 !important;
}
/* Regelnotiz */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form__note{
display:grid !important;
gap:8px !important;
padding:16px !important;
border:1px solid rgba(255,255,255,.07) !important;
border-radius:16px !important;
background:rgba(255,255,255,.02) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-more{
border:1px solid rgba(255,255,255,.07) !important;
border-radius:14px !important;
background:rgba(255,255,255,.018) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-more summary{
cursor:pointer !important;
list-style:none !important;
padding:10px 13px !important;
color:#d4af37 !important;
user-select:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-more summary::-webkit-details-marker{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-more > div{
display:grid !important;
gap:8px !important;
padding:0 8px 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form input::placeholder,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form textarea::placeholder{
color:rgba(190,210,235,.3) !important;
}
/* Actions-Bereich: Buttons nebeneinander, Speichern gold */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__actions{
display:flex !important;
gap:9px !important;
flex-wrap:wrap !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-rules-fieldset,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form__note{
padding:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group summary{
padding:13px 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group__meta{
grid-auto-flow:row !important;
justify-items:end !important;
gap:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-group__summary{
gap:10px !important;
}
}
/* R4X v1592 · Modal-Lock Cleanup für Portfolio Tracker */
body.pt-modal-open,
body.pt-rules-modal-open,
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
/* ── v1683 REGELN: Aktive Felder hervorheben + Reset-Button ─────────────────
pt-rule-label--active: goldener Akzent wenn ein Wert eingetragen ist.
pt-rule-clear-btn: kleines ✕ direkt im Label-Header.
pt-btn--danger-ghost: "Alle entfernen" in Rot-Geist-Stil.
─────────────────────────────────────────────────────────────────────── */
/* Aktives Label: goldener linker Rand + subtiler Goldton-Hintergrund */
body[data-nav-tool="Portfolio Tracker"] .pt-rule-label--active{
border-color:rgba(212,175,55,.38) !important;
background:rgba(212,175,55,.055) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-label--active > span:first-child{
color:#d4af37 !important;
}
/* Aktiver Input: goldener Fokus-Ring bereits ohne Fokus angedeutet */
body[data-nav-tool="Portfolio Tracker"] .pt-rule-label--active input:not(:focus),
body[data-nav-tool="Portfolio Tracker"] .pt-rule-label--active select:not(:focus){
border-color:rgba(212,175,55,.36) !important;
background:rgba(0,0,0,.32) !important;
color:#f2e9c0 !important;
}
/* Checked-Checkbox aktiv: Span in Gold */
body[data-nav-tool="Portfolio Tracker"] .pt-rule-label--active.pt-rules-check > span{
color:#d4af37 !important;
}
/* Reset-Button ✕ im Span */
body[data-nav-tool="Portfolio Tracker"] .pt-rule-clear-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
margin-left:6px !important;
padding:0 5px !important;
height:18px !important;
border-radius:6px !important;
border:1px solid rgba(212,175,55,.3) !important;
background:rgba(212,175,55,.08) !important;
color:rgba(212,175,55,.8) !important;
cursor:pointer !important;
vertical-align:middle !important;
transition:background .12s, color .12s !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rule-clear-btn:hover{
background:rgba(192,57,43,.18) !important;
border-color:rgba(192,57,43,.4) !important;
color:#e07060 !important;
}
/* Cleared-Flash: kurzes grünes Aufleuchten nach Reset */
body[data-nav-tool="Portfolio Tracker"] .pt-rule-field--cleared{
border-color:rgba(72,200,128,.4) !important;
background:rgba(72,200,128,.05) !important;
transition:border-color .3s, background .3s !important;
}
/* Danger-Ghost Button: "Alle Regeln entfernen" */
/* Review-Select span enthält jetzt auch einen button – Layout fixieren */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-form .pt-rule-label--active > span:first-child{
display:flex !important;
align-items:center !important;
gap:0 !important;
}
/* ── ENDE REGELN AKTIV-STYLES ────────────────────────────────────────────── */
/* ── v1683 NATIVER R4X BESTÄTIGUNGS-DIALOG ────────────────────────────────
Design exakt identisch mit .r4x-exit-card aus shared-header.v2691.css.
Kein Fremdkörper - fühlt sich wie R4X an, nicht wie ein Betriebssystem.
─────────────────────────────────────────────────────────────────────── */
body.pt-confirm-open {
overflow: hidden !important;
}
#pt-confirm-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 99998 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 16px !important;
background: rgba(0,0,0,.72) !important;
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
opacity: 0 !important;
pointer-events: none !important;
transition: opacity .18s ease !important;
}
#pt-confirm-overlay:not([hidden]) {
opacity: 1 !important;
pointer-events: auto !important;
}
#pt-confirm-overlay[hidden] {
display: none !important;
}
#pt-confirm-card {
width: 100% !important;
max-width: 360px !important;
padding: 28px 24px 22px !important;
border-radius: 20px !important;
border: 1px solid rgba(245,210,122,.28) !important;
background: linear-gradient(160deg, rgba(18,22,30,.99), rgba(11,14,20,1)) !important;
box-shadow: 0 24px 60px rgba(0,0,0,.55) !important;
text-align: center !important;
transform: translateY(8px) scale(.97) !important;
transition: transform .18s cubic-bezier(.34,1.56,.64,1) !important;
}
#pt-confirm-overlay:not([hidden]) #pt-confirm-card {
transform: translateY(0) scale(1) !important;
}
#pt-confirm-icon {
font-size: 2rem !important;
line-height: 1 !important;
margin-bottom: 12px !important;
}
#pt-confirm-icon[hidden] {
display: none !important;
}
#pt-confirm-title {
margin: 0 0 8px !important;
color: #f0ede4 !important;
}
#pt-confirm-body {
margin: 0 0 22px !important;
color: rgba(220,216,206,.65) !important;
white-space: pre-line !important;
}
#pt-confirm-body[hidden] {
display: none !important;
margin: 0 !important;
}
#pt-confirm-actions {
display: flex !important;
gap: 10px !important;
}
/* Abbrechen-Button - identisch mit r4x-exit-btn-cancel */
#pt-confirm-cancel {
flex: 1 !important;
padding: .72rem 1rem !important;
border-radius: 12px !important;
border: 1px solid rgba(255,255,255,.14) !important;
background: rgba(255,255,255,.06) !important;
color: rgba(240,237,228,.85) !important;
cursor: pointer !important;
transition: background .14s !important;
}
#pt-confirm-cancel:hover { background: rgba(255,255,255,.1) !important; }
/* Bestätigen-Button: Gold (Standard) */
#pt-confirm-ok {
flex: 1 !important;
padding: .72rem 1rem !important;
border-radius: 12px !important;
border: 1px solid rgba(245,210,122,.35) !important;
background: linear-gradient(135deg, #d4af37, #c9a227) !important;
color: #0b0c0f !important;
cursor: pointer !important;
transition: opacity .14s !important;
}
#pt-confirm-ok:hover { opacity: .88 !important; }
/* Danger-Variante: Rot statt Gold für Lösch-Aktionen */
#pt-confirm-ok.pt-btn--danger:hover { opacity: .88 !important; }
/* Alert-only: kein Abbrechen-Button */
#pt-confirm-overlay.pt-confirm--alert #pt-confirm-cancel {
display: none !important;
}
#pt-confirm-overlay.pt-confirm--archive-actions #pt-confirm-card{
max-width:420px !important;
max-height:calc(100dvh - 32px) !important;
box-sizing:border-box !important;
overflow-y:auto !important;
overscroll-behavior:contain !important;
}
#pt-confirm-overlay.pt-confirm--archive-actions #pt-confirm-actions{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
gap:10px !important;
}
#pt-confirm-overlay.pt-confirm--archive-actions #pt-confirm-ok,
#pt-confirm-overlay.pt-confirm--archive-actions #pt-confirm-cancel{
width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
white-space:normal !important;
overflow-wrap:anywhere !important;
}
/* ── ENDE NATIVER DIALOG ─────────────────────────────────────────────────── */
/* R4X v1691 · Bestätigungsdialog immer über Portfolio-Overlays */
body[data-nav-tool="Portfolio Tracker"] #pt-confirm-overlay,
#pt-confirm-overlay{
z-index:2147483600 !important;
isolation:isolate !important;
}
body[data-nav-tool="Portfolio Tracker"] #pt-confirm-card,
#pt-confirm-card{
position:relative !important;
z-index:2147483601 !important;
}
body.pt-confirm-open .pt-snapshot-overlay,
body.pt-confirm-open .pt-rules-modal,
body.pt-confirm-open .pt-modal{
pointer-events:none !important;
}
body.pt-confirm-open #pt-confirm-overlay{
pointer-events:auto !important;
}
/* R4X v1686 · Deep-Link Fokus auf Portfolio-Regeln */
.pt-rule-focus-pulse{
outline:2px solid rgba(242,211,111,.78) !important;
outline-offset:3px !important;
box-shadow:0 0 0 4px rgba(242,211,111,.12) !important;
}
/* R4X v1693 · Cockpit-Regelhinweise springen zur Übersichtskarte */
body[data-nav-tool="Portfolio Tracker"] .pt-card-focus-pulse{
outline:2px solid rgba(242,211,111,.78) !important;
outline-offset:4px !important;
}
/* R4X v1687 · Regeln-Deep-Link Scroll-Fix */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal{
overflow:hidden !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__backdrop{
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__panel{
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-rules-modal-open:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
/* R4X v1689 · Portfolio-Stände Overlay Scroll und Positionsdaten-Hinweis */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
overflow-y:auto !important;
overflow-x:hidden !important;
align-items:start !important;
place-items:start center !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
max-height:none !important;
margin:22px auto !important;
overflow-y:visible !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
}
body.pt-snapshot-overlay-open:not(.pt-modal-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight--data{
border-color:rgba(118,168,218,.22) !important;
background:rgba(118,168,218,.075) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay{
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
padding-bottom:88px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1690 · Portfolio-Stände eigenes Scroll-Panel */
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay:not([hidden]){
position:fixed !important;
inset:0 !important;
width:100vw !important;
height:100vh !important;
height:100svh !important;
height:100dvh !important;
display:block !important;
padding:0 !important;
overflow:hidden !important;
overscroll-behavior:none !important;
touch-action:none !important;
z-index:2147483000 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__backdrop{
position:fixed !important;
inset:0 !important;
touch-action:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
position:absolute !important;
top:22px !important;
bottom:22px !important;
left:50% !important;
transform:translateX(-50%) !important;
width:min(980px, calc(100vw - 44px)) !important;
height:auto !important;
max-height:none !important;
margin:0 !important;
overflow-y:auto !important;
overflow-x:hidden !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-gutter:stable both-edges !important;
}
body.pt-snapshot-overlay-open{
overflow:hidden !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel{
inset:0 !important;
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:100vw !important;
height:100dvh !important;
transform:none !important;
border-radius:0 !important;
margin:0 !important;
padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* R4X v1692 · Globaler Scroll-State und Snapshot-Detail-Clamp */
body[data-nav-tool="Portfolio Tracker"]{
touch-action:auto !important;
}
body[data-nav-tool="Portfolio Tracker"]:not(.pt-modal-open):not(.pt-snapshot-overlay-open):not(.pt-confirm-open){
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-item,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
box-sizing:border-box !important;
max-width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-details{
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-list{
overflow-x:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
width:100% !important;
grid-template-columns:minmax(210px,1.35fr) repeat(3,minmax(96px,.72fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row strong{
min-width:0 !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-market strong{
white-space:normal !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr 1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-asset{
grid-column:1 / -1 !important;
}
}
@media (max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-position-row{
grid-template-columns:1fr !important;
}
}
/* ── v1697 PnL-Stat und Performer-Subtext ─────────────────────────────── */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stat--pnl{
border-top:1px solid rgba(255,255,255,.06) !important;
margin-top:4px !important;
padding-top:10px !important;
grid-column:1 / -1 !important;
}
/* Dritte Performer-Karte: Goldrand für Euro-Einfluss */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performer--move small{
display:block !important;
color:rgba(160,185,215,.42) !important;
margin-top:2px !important;
}
/* R4X v1707 · Mobile Wochenrückblick Kartenstruktur sauber */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly{
padding:14px 15px 0 !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-ov-performer{
display:grid !important;
grid-template-columns:34px minmax(0,1fr) max-content !important;
align-items:center !important;
gap:6px 10px !important;
min-height:auto !important;
padding:12px 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-rb-logo{
grid-column:1 !important;
grid-row:1 !important;
align-self:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-ov-performer > div:not(.pt-rb-logo){
grid-column:2 !important;
grid-row:1 !important;
min-width:0 !important;
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-ov-performer em{
grid-column:3 !important;
grid-row:1 !important;
justify-self:end !important;
align-self:center !important;
max-width:none !important;
margin-left:0 !important;
white-space:nowrap !important;
overflow:visible !important;
text-overflow:clip !important;
overflow-wrap:normal !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-ov-performer span{
display:block !important;
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
overflow-wrap:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-ov-performer strong{
display:block !important;
max-width:100% !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
overflow-wrap:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-ov-performer > div > small{
display:block !important;
max-width:100% !important;
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
overflow-wrap:normal !important;
}
}
/* R4X v1710 · Mobile Kennzahlen 2:1 und proportionale Coin-Logos im Rückblick */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:10px !important;
padding:14px 15px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly .pt-ov-review-stat{
min-width:0 !important;
min-height:92px !important;
padding:14px 10px !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly .pt-ov-review-stat:nth-child(3){
grid-column:1 / -1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly .pt-ov-review-stat span,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly .pt-ov-review-stat strong,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly .pt-ov-review-stat small{
width:100% !important;
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly .pt-ov-review-stat small{
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
overflow-wrap:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-ov-performer{
grid-template-columns:30px minmax(0,1fr) max-content !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-rb-logo,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-rb-logo .pt-logo{
width:28px !important;
height:28px !important;
min-width:28px !important;
max-width:28px !important;
flex:0 0 28px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-rb-logo .pt-logo{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
overflow:hidden !important;
border-radius:6px !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-rb-logo .pt-logo > span{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-rb-logo .pt-logo img{
display:block !important;
width:100% !important;
height:100% !important;
max-width:100% !important;
max-height:100% !important;
padding:0 !important;
border-radius:4px !important;
object-fit:contain !important;
object-position:center center !important;
transform:none !important;
transform-origin:center center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-performers--weekly .pt-rb-logo .pt-logo.pt-logo--clean i{
width:10px !important;
height:10px !important;
border-radius:999px !important;
background:#f1d279 !important;
display:block !important;
}
}
/* R4X Portfolio Tracker v1721 · Verlauf-Modal stabilisieren und gespeicherte Stände typografisch beruhigen */
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-overlay__panel{
overscroll-behavior:contain !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-item > summary{
grid-template-columns:minmax(0,1fr) auto auto 34px !important;
align-items:center !important;
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-compare-wrap{
display:grid !important;
gap:18px !important;
margin:0 22px 22px !important;
padding:20px !important;
border:1px solid rgba(205,220,240,.12) !important;
border-radius:18px !important;
background:linear-gradient(180deg,rgba(3,8,15,.88),rgba(3,7,13,.96)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-compare-section{
display:grid !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-compare-section > h5{
margin:0 !important;
color:rgba(205,220,240,.76) !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-compare-section--result .pt-snapshot-compare{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-compare-card{
position:relative !important;
min-width:0 !important;
padding:15px 15px 14px !important;
border:1px solid rgba(169,193,224,.13) !important;
border-radius:15px !important;
background:linear-gradient(145deg,rgba(19,32,49,.82),rgba(9,15,24,.96)) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-compare-card > .pt-compare-icon{
display:block !important;
color:rgba(205,220,240,.62) !important;
font-size:.78rem !important;
margin-bottom:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-compare-card > span{
display:block !important;
color:rgba(204,220,240,.76) !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-compare-flow{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
align-items:center !important;
gap:10px !important;
margin-top:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-compare-flow--same{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-compare-side{
display:grid !important;
gap:2px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-compare-side:last-child{
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-compare-side small{
color:rgba(205,220,240,.54) !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-compare-flow b{
color:#f7f9fc !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-compare-flow em{
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-stat-list{
display:grid !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-stat-row{
display:grid !important;
grid-template-columns:minmax(0,1.35fr) minmax(180px,.9fr) minmax(120px,.6fr) !important;
align-items:center !important;
gap:14px !important;
padding:12px 14px !important;
border:1px solid rgba(205,220,240,.09) !important;
border-radius:14px !important;
background:rgba(255,255,255,.026) !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-stat-row-label{
display:flex !important;
align-items:flex-start !important;
gap:10px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-stat-row-icon{
width:26px !important;
height:26px !important;
min-width:26px !important;
border-radius:999px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(242,211,111,.22) !important;
background:rgba(242,211,111,.055) !important;
color:#f2d36f !important;
font-size:.74rem !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-stat-row-copy{
display:grid !important;
gap:2px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-stat-row-copy small{
color:rgba(205,220,240,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-stat-row-copy strong,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-stat-row-value b{
color:#f7f9fc !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-stat-row-value{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:10px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-stat-row-value em{
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-stat-row-delta{
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
min-width:0 !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-delta.is-positive,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-trend.is-positive,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .is-positive{
color:#8fe28d !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-delta.is-negative,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-trend.is-negative,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .is-negative{
color:#ff8b8b !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-delta.is-neutral,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-trend.is-neutral,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .is-neutral{
color:#eef3fb !important;
}
@media (max-width:900px){
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-item > summary{
grid-template-columns:minmax(0,1fr) auto 34px !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-row-actions{
grid-column:1 / -1 !important;
justify-content:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-stat-row{
grid-template-columns:1fr !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-stat-row-value,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-stat-row-delta{
padding-left:36px !important;
justify-content:flex-start !important;
text-align:left !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-compare-wrap{
margin:0 14px 14px !important;
padding:15px 13px !important;
gap:15px !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-compare-section--result .pt-snapshot-compare{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-item > summary{
grid-template-columns:minmax(0,1fr) 34px !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-value-wrap{
grid-column:1 / -1 !important;
align-items:flex-start !important;
text-align:left !important;
}
}
/* R4X Portfolio Tracker v1722 · clean chevrons in saved stand details */
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-position-details > summary i,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-note__editor > summary i,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-note--empty > summary i{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:30px !important;
height:30px !important;
min-width:30px !important;
border-radius:11px !important;
border:1px solid rgba(215,226,242,.16) !important;
background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.16) !important;
color:transparent !important;
transform:none !important;
transition:border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-position-details > summary i::before,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-note__editor > summary i::before,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-note--empty > summary i::before{
content:"" !important;
display:block !important;
width:8px !important;
height:8px !important;
border-right:2px solid rgba(226,236,248,.92) !important;
border-bottom:2px solid rgba(226,236,248,.92) !important;
transform:rotate(45deg) translate(-1px,-1px) !important;
transform-origin:center !important;
transition:transform .16s ease, border-color .16s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-position-details[open] > summary i,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-note__editor[open] > summary i,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-note--empty[open] > summary i{
transform:none !important;
border-color:rgba(242,211,111,.30) !important;
background:linear-gradient(180deg, rgba(242,211,111,.12), rgba(255,255,255,.04)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-position-details[open] > summary i::before,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-note__editor[open] > summary i::before,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-note--empty[open] > summary i::before{
border-color:rgba(242,211,111,.95) !important;
transform:rotate(225deg) translate(-1px,-1px) !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-position-details > summary:hover i,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-note__editor > summary:hover i,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-note--empty > summary:hover i{
border-color:rgba(242,211,111,.28) !important;
background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-note--empty > summary{
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-note--empty > summary small{
min-width:0 !important;
}
/* R4X Portfolio Tracker v1723 · Kurzfazit in gespeicherten Ständen sauber setzen */
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-insights{
display:grid !important;
grid-template-columns:1fr !important;
gap:9px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-insight{
display:grid !important;
grid-template-columns:24px minmax(0,1fr) !important;
align-items:start !important;
column-gap:10px !important;
row-gap:0 !important;
min-width:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-insight-icon{
width:20px !important;
min-width:20px !important;
height:20px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
margin-top:1px !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
font-size:.88rem !important;
line-height:1 !important;
color:rgba(238,243,251,.88) !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-insight.is-positive .pt-snapshot-insight-icon,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-insight.is-positive strong{
color:#8fe28d !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-insight.is-negative .pt-snapshot-insight-icon,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-insight.is-negative strong{
color:#ff8b8b !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-insight.is-neutral .pt-snapshot-insight-icon,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-insight.is-neutral strong{
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-insight > div{
min-width:0 !important;
display:grid !important;
gap:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-insight strong{
display:block !important;
margin:0 !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-insight small{
display:block !important;
margin:0 !important;
color:rgba(205,220,240,.74) !important;
white-space:normal !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-insight{
grid-template-columns:20px minmax(0,1fr) !important;
column-gap:8px !important;
}
}
/* R4X Portfolio Tracker v1724 · gespeicherte Stände auf Mobile ohne Wert/Chevron-Überlappung */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-item > summary{
grid-template-columns:minmax(0,1fr) 34px !important;
grid-template-areas:
"title chevron"
"value chevron"
"actions actions" !important;
align-items:start !important;
column-gap:12px !important;
row-gap:10px !important;
padding:13px !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-item .pt-snapshot-title-wrap{
grid-area:title !important;
min-width:0 !important;
display:grid !important;
gap:5px !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-item .pt-snapshot-meta-row{
justify-content:flex-start !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-item .pt-snapshot-value-wrap{
grid-area:value !important;
min-width:0 !important;
width:100% !important;
display:grid !important;
justify-items:start !important;
align-items:start !important;
text-align:left !important;
gap:3px !important;
margin:0 !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-item .pt-snapshot-value-wrap strong{
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-item .pt-snapshot-delta{
white-space:normal !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-item .pt-snapshot-row-actions{
grid-area:actions !important;
grid-column:1 / -1 !important;
justify-content:flex-start !important;
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-item > summary i{
grid-area:chevron !important;
justify-self:end !important;
align-self:start !important;
width:34px !important;
height:34px !important;
flex:0 0 34px !important;
margin:0 !important;
}
}
@media (max-width:390px){
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-item > summary{
grid-template-columns:minmax(0,1fr) 32px !important;
column-gap:10px !important;
row-gap:9px !important;
padding:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-item > summary i{
width:32px !important;
height:32px !important;
flex-basis:32px !important;
}
}
/* R4X Portfolio Tracker v1725 · Steuer Check und Toolwechsel-CTAs sauber führen */
body[data-nav-tool="Portfolio Tracker"] .pt-tool-cta-icon{
width:20px !important;
height:20px !important;
object-fit:contain !important;
display:inline-block !important;
flex:0 0 20px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tool-open-btn,
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link .pt-hub-link-main{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-btn-stack{display:inline-flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:2px !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-btn-stack small{display:block !important;text-align:center !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-data-panel h3 .pt-tool-cta-icon{width:22px !important;height:22px !important;vertical-align:-5px !important;margin-right:6px !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge{
margin:18px 18px 0 !important;
padding:18px !important;
border:1px solid rgba(212,175,55,.22) !important;
border-radius:22px !important;
background:linear-gradient(135deg, rgba(212,175,55,.09), rgba(11,18,28,.92) 48%, rgba(32,48,67,.72)) !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:16px !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge__main{
display:grid !important;
grid-template-columns:46px minmax(0,1fr) !important;
gap:14px !important;
align-items:center !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge__icon{
width:46px !important;
height:46px !important;
border-radius:14px !important;
display:grid !important;
place-items:center !important;
border:1px solid rgba(212,175,55,.32) !important;
background:rgba(212,175,55,.1) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge__icon img{
width:28px !important;
height:28px !important;
object-fit:contain !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge h3{
margin:2px 0 6px !important;
color:#f4f7fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge p:not(.pt-kicker){
margin:0 !important;
color:rgba(205,220,240,.82) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge__actions{
display:flex !important;
flex-wrap:wrap !important;
justify-content:flex-end !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card--data-tax-hint .pt-section-head-left{
max-width:760px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-data-actions{
justify-content:flex-end !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section > .pt-section-head .pt-section-head-right{
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section > .pt-section-head .pt-section-head-right .pt-btn{
white-space:nowrap !important;
}
@media (max-width:920px){
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge__actions{
justify-content:flex-start !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge{
margin:14px 12px 0 !important;
padding:15px !important;
border-radius:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge__main{
grid-template-columns:38px minmax(0,1fr) !important;
gap:11px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge__icon{
width:38px !important;
height:38px !important;
border-radius:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge__icon img{
width:24px !important;
height:24px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge__actions{
display:grid !important;
grid-template-columns:1fr !important;
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge__actions .pt-btn,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-data-actions .pt-btn{
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section > .pt-section-head .pt-section-head-right{
display:grid !important;
grid-template-columns:1fr !important;
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section > .pt-section-head .pt-section-head-right .pt-btn{
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-data-actions{
display:grid !important;
grid-template-columns:1fr !important;
width:100% !important;
}
}
/* R4X Portfolio Tracker v1727 · Investment Hub CTA Icon sauber ausrichten */
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link::after{
content:none !important;
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link,
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link:visited{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
text-decoration:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link .pt-hub-link-main{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link .pt-hub-link-main > span{
display:inline-block !important;
white-space:nowrap !important;
text-decoration:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link .pt-tool-cta-icon{
width:20px !important;
height:20px !important;
flex:0 0 20px !important;
display:block !important;
object-fit:contain !important;
align-self:center !important;
background:#ffffff !important;
border-radius:7px !important;
overflow:hidden !important;
clip-path:inset(0 round 7px) !important;
box-shadow:0 0 0 1px rgba(255,255,255,.82), 0 4px 10px rgba(0,0,0,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tool-open-btn[href*="steuer-check"] .pt-tool-cta-icon,
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge__icon img{
background:#ffffff !important;
border-radius:7px !important;
padding:3px !important;
box-sizing:border-box !important;
box-shadow:0 0 0 1px rgba(255,255,255,.88), 0 4px 10px rgba(0,0,0,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-tax-bridge__icon{
background:rgba(255,255,255,.08) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link{
min-height:38px !important;
padding-left:10px !important;
padding-right:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link .pt-hub-link-main{
width:auto !important;
max-width:100% !important;
justify-content:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-hub-link .pt-tool-cta-icon{
width:20px !important;
height:20px !important;
flex-basis:20px !important;
}
}
/* R4X Portfolio Tracker v1730 · Investment Hub CTA final: Desktop einzeilig, Mobile zweizeilig, Text weiß, Unterstreichung gold */
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link::after{
content:none !important;
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link:visited,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link:hover,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link:focus-visible{
color:#ffffff !important;
text-decoration:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link .pt-hub-link-main{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
min-width:0 !important;
text-align:center !important;
text-decoration:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link .pt-tool-cta-icon{
width:20px !important;
height:20px !important;
flex:0 0 20px !important;
display:block !important;
object-fit:contain !important;
align-self:center !important;
margin:0 !important;
background:#ffffff !important;
border-radius:7px !important;
overflow:hidden !important;
clip-path:inset(0 round 7px) !important;
box-shadow:0 0 0 1px rgba(255,255,255,.82), 0 4px 10px rgba(0,0,0,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link .pt-hub-link-text{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:4px !important;
min-width:0 !important;
white-space:nowrap !important;
color:#ffffff !important;
text-decoration:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link .pt-hub-link-name,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link .pt-hub-link-open{
display:inline-block !important;
color:#ffffff !important;
white-space:nowrap !important;
text-decoration-line:underline !important;
text-decoration-style:solid !important;
text-decoration-color:#f4d35e !important;
text-decoration-thickness:1px !important;
text-underline-offset:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link .pt-hub-link-open{
margin-left:0 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link{
padding:7px 8px !important;
min-height:48px !important;
align-self:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link .pt-hub-link-main{
width:100% !important;
display:grid !important;
grid-template-columns:auto auto !important;
grid-template-areas:
"icon name"
"open open" !important;
justify-content:center !important;
justify-items:center !important;
align-items:center !important;
column-gap:6px !important;
row-gap:2px !important;
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link .pt-tool-cta-icon{
grid-area:icon !important;
justify-self:end !important;
align-self:center !important;
width:24px !important;
height:24px !important;
flex:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link .pt-hub-link-text{
display:contents !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link .pt-hub-link-name{
grid-area:name !important;
justify-self:start !important;
align-self:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link .pt-hub-link-open{
grid-area:open !important;
justify-self:center !important;
align-self:center !important;
margin-left:0 !important;
}
}
/* R4X Portfolio Tracker v1731 · CTA Gewicht normal, Snapshot-Karten volle Breite, Mobile sauber */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-dots{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-dots{
grid-template-columns:1fr !important;
}
}
/* R4X Portfolio Tracker v1732 · gespeicherte Stände nutzen die Kartenbreite innen sauber */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
grid-template-areas:
"label value"
"date delta" !important;
align-items:center !important;
column-gap:18px !important;
row-gap:4px !important;
min-height:82px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot span{
grid-area:label !important;
min-width:0 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot strong{
grid-area:value !important;
margin:0 !important;
text-align:right !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot small{
grid-area:date !important;
margin:0 !important;
min-width:0 !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot em{
grid-area:delta !important;
margin:0 !important;
text-align:right !important;
white-space:nowrap !important;
align-self:end !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-block{
padding-left:12px !important;
padding-right:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot{
min-height:76px !important;
padding:12px 13px !important;
column-gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-footer{
justify-content:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snapshot-open{
width:100% !important;
}
}
@media (max-width:360px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot{
grid-template-columns:1fr !important;
grid-template-areas:
"label"
"value"
"date"
"delta" !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot strong,
body[data-nav-tool="Portfolio Tracker"] .pt-ov-snap-dot em{
text-align:left !important;
}
}
/* R4X Portfolio Tracker v1733 · Verlauf-Ranges, Startlabels, Watchlist-Toast, CTA wording */
body[data-nav-tool="Portfolio Tracker"] .pt-range-tabs{
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
gap:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-range-tabs button{
appearance:none !important;
border:1px solid rgba(255,255,255,.10) !important;
border-radius:999px !important;
background:rgba(255,255,255,.028) !important;
color:rgba(205,220,240,.72) !important;
padding:7px 11px !important;
min-width:48px !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-range-tabs button.is-active{
border-color:rgba(212,175,55,.38) !important;
background:rgba(212,175,55,.10) !important;
color:#f2d36f !important;
box-shadow:0 0 0 1px rgba(212,175,55,.14) inset !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-range-tabs button:disabled{
opacity:.34 !important;
cursor:not-allowed !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-controls{
display:grid !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-dates{
align-items:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-dates > span{
display:grid !important;
gap:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-dates > span:nth-child(2){
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-dates > span:last-child{
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-dates em{
color:rgba(205,220,240,.46) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-chart-dates strong{
color:rgba(238,243,251,.88) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-chart__x{
display:grid !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-history-hero__copy .pt-range-tabs{
margin:8px 0 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-watchlist-toast{
position:fixed !important;
left:50% !important;
bottom:92px !important;
transform:translate(-50%, 12px) !important;
z-index:9999 !important;
min-width:220px !important;
max-width:min(92vw, 360px) !important;
padding:12px 16px !important;
border:1px solid rgba(212,175,55,.30) !important;
border-radius:14px !important;
background:rgba(7,10,17,.94) !important;
color:#eef3fb !important;
text-align:center !important;
box-shadow:0 14px 32px rgba(0,0,0,.34) !important;
opacity:0 !important;
pointer-events:none !important;
transition:opacity .18s ease, transform .18s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-watchlist-toast.is-visible{
opacity:1 !important;
transform:translate(-50%, 0) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-actions{
align-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-history-controls,
body[data-nav-tool="Portfolio Tracker"] .pt-range-tabs{
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-range-tabs button{
flex:1 1 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-watchlist-toast{
bottom:104px !important;
max-width:calc(100vw - 28px) !important;
}
}
/* R4X Portfolio Tracker v1736 · Gewinnerquote als vierte Rückblick-Kennzahl */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stat--breadth{
border-color:rgba(212,175,55,.18) !important;
background:rgba(212,175,55,.045) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-review-stats--weekly .pt-ov-review-stat:nth-child(3){
grid-column:auto !important;
}
}
/* R4X Portfolio Tracker v1752 · Insight-Icons eine Spur größer */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight i.pt-ov-rb-insight-icon{
width:32px !important;
height:32px !important;
min-width:32px !important;
border-radius:9px !important;
overflow:hidden !important;
background:rgba(255,255,255,.035) !important;
border-color:rgba(212,175,55,.22) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight i.pt-ov-rb-insight-icon img{
width:25px !important;
height:25px !important;
display:block !important;
object-fit:contain !important;
}
@media (max-width:560px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-rb-insight i.pt-ov-rb-insight-icon img{
width:24px !important;
height:24px !important;
}
}
/* R4X Portfolio Tracker v1751 · Insights-Header und Icon-Zuordnung */
/* v1751 Insights-Panel: neutraler Hintergrund, Badge als klarer Gold-CTA */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-panel{
margin:14px 20px 4px !important;
border:1px solid rgba(212,175,55,.16) !important;
border-radius:16px !important;
background:rgba(255,255,255,.018) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
overflow:hidden !important;
transition:border-color .2s, box-shadow .2s !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-panel[open]{
border-color:rgba(212,175,55,.28) !important;
box-shadow:0 14px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
background:rgba(255,255,255,.022) !important;
}
/* Goldener Akzentstreifen links signalisiert Zugehörigkeit zum Rückblick */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-panel::before{
content:"" !important;
position:absolute !important;
left:0 !important; top:14px !important; bottom:14px !important;
width:3px !important;
border-radius:0 3px 3px 0 !important;
background:linear-gradient(180deg, #d4af37, rgba(212,175,55,.3)) !important;
opacity:0 !important;
transition:opacity .2s !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-panel[open]::before{
opacity:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-panel{
position:relative !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-panel summary{
list-style:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-panel summary::-webkit-details-marker{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-summary{
cursor:pointer !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:14px !important;
min-height:62px !important;
padding:15px 17px !important;
position:relative !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-summary:before{
content:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-summary div{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-summary span{
display:block !important;
color:#d4af37 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-summary strong{
display:block !important;
margin-top:5px !important;
color:#f7fbff !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-summary small{
display:none !important;
margin-top:4px !important;
color:rgba(205,220,240,.58) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-summary em{
flex:0 0 auto !important;
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
padding:8px 11px !important;
border:1px solid rgba(212,175,55,.72) !important;
border-radius:10px !important;
background:rgba(212,175,55,.045) !important;
color:#d4af37 !important;
white-space:nowrap !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-summary em i{
display:inline-block !important;
transition:transform .18s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-panel[open] .pt-ov-insights-summary em i{
transform:rotate(180deg) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-panel .pt-ov-review-insights{
padding:0 12px 13px !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-panel .pt-ov-rb-insight{
border-color:rgba(255,255,255,.085) !important;
background:rgba(4,8,15,.34) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-panel{
margin-left:15px !important;
margin-right:15px !important;
border-radius:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-summary{
min-height:0 !important;
padding:14px 14px !important;
align-items:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-summary small{
max-width:34ch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-summary em{
padding:7px 9px !important;
border-radius:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-ov-insights-panel .pt-ov-review-insights{
padding-left:10px !important;
padding-right:10px !important;
}
}
/* R4X v1760 · Bitpanda CSV Import · UI und Währungslogik bereinigt */
body[data-nav-tool="Portfolio Tracker"] #bitpanda-import-preview{
margin-top:18px !important;
padding:20px !important;
border:1px solid rgba(242,211,111,.18) !important;
border-radius:22px !important;
background:linear-gradient(180deg,rgba(242,211,111,.065),rgba(255,255,255,.022)) !important;
box-shadow:0 18px 44px rgba(0,0,0,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-head{
display:flex !important;
justify-content:space-between !important;
gap:14px !important;
align-items:flex-start !important;
margin-bottom:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-head h3{
margin:0 !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-head p:not(.pt-kicker){
margin:5px 0 0 !important;
color:rgba(201,214,232,.74) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-section-title{
margin:18px 0 8px !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-fieldset-intro{
margin:0 !important;
color:rgba(201,214,232,.76) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-stats{
display:grid !important;
grid-template-columns:repeat(6,minmax(0,1fr)) !important;
gap:10px !important;
margin:12px 0 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-stats span{
display:grid !important;
gap:3px !important;
min-height:68px !important;
padding:12px !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:14px !important;
background:rgba(255,255,255,.035) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-stats small{
color:rgba(201,214,232,.66) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-stats strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-options{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(270px,1fr)) !important;
gap:12px !important;
margin:14px 0 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-options fieldset{
display:grid !important;
gap:10px !important;
margin:0 !important;
padding:14px !important;
border:1px solid rgba(255,255,255,.08) !important;
border-radius:16px !important;
background:rgba(5,8,13,.34) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-options legend{
padding:0 6px !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-options label,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-static-option{
display:flex !important;
gap:10px !important;
align-items:flex-start !important;
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-options label{
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-static-option{
cursor:default !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-options input{
margin-top:3px !important;
accent-color:#d6a84a !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-options span,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-static-option span{
display:grid !important;
gap:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-options strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-options small,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-static-option small,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-advanced small,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-note-list p,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review p{
color:rgba(201,214,232,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-result-panel{
display:grid !important;
gap:12px !important;
margin-top:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-result-grid{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(230px,1fr)) !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-result-grid article{
display:grid !important;
gap:5px !important;
margin:0 !important;
padding:14px !important;
border:1px solid rgba(255,255,255,.075) !important;
border-radius:16px !important;
background:rgba(255,255,255,.03) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-result-grid article > span{
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-result-grid article > strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-result-grid article > p{
margin:0 !important;
color:rgba(201,214,232,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-result-grid .pt-bitpanda-result-warning{
border-color:rgba(242,211,111,.2) !important;
background:rgba(242,211,111,.045) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review{
margin:0 !important;
padding:0 !important;
border:1px solid rgba(242,211,111,.14) !important;
border-radius:16px !important;
background:rgba(5,8,13,.32) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review summary{
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
gap:12px !important;
padding:13px 14px !important;
cursor:pointer !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review summary small{
color:rgba(201,214,232,.68) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review p{
margin:0 !important;
padding:0 14px 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-list{
display:grid !important;
gap:8px !important;
padding:0 14px 14px !important;
max-height:430px !important;
overflow:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-row{
display:grid !important;
grid-template-columns:minmax(92px,.7fr) minmax(110px,.7fr) minmax(90px,.6fr) minmax(240px,1.8fr) !important;
gap:10px !important;
align-items:center !important;
padding:10px 12px !important;
border:1px solid rgba(255,255,255,.07) !important;
border-radius:12px !important;
background:rgba(255,255,255,.026) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-row strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-row span{
color:rgba(248,250,252,.9) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-row small{
color:rgba(201,214,232,.66) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-note-list{
display:grid !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-note-list p{
margin:0 !important;
padding:10px 12px !important;
border:1px solid rgba(255,255,255,.07) !important;
border-radius:13px !important;
background:rgba(255,255,255,.028) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-note-list strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-advanced{
margin:0 !important;
padding:12px !important;
border:1px solid rgba(242,211,111,.14) !important;
border-radius:14px !important;
background:rgba(242,211,111,.035) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-advanced summary{
cursor:pointer !important;
color:rgba(248,250,252,.9) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-advanced label{
display:flex !important;
gap:10px !important;
align-items:flex-start !important;
margin:12px 0 0 !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-advanced input{
margin-top:3px !important;
accent-color:#d6a84a !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-advanced span{
display:grid !important;
gap:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-advanced strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-advanced p{
margin-top:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-actions{
margin-top:14px !important;
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-section-title{
margin:18px 0 8px !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-fieldset-intro{
margin:0 !important;
color:rgba(201,214,232,.76) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-stats{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-options{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-row{
grid-template-columns:1fr 1fr !important;
}
}
@media (max-width:620px){
body[data-nav-tool="Portfolio Tracker"] #bitpanda-import-preview{
padding:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-section-title{
margin:18px 0 8px !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-fieldset-intro{
margin:0 !important;
color:rgba(201,214,232,.76) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-stats{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-stats span{
min-height:62px !important;
padding:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-row{
grid-template-columns:1fr !important;
}
}
/* R4X v1758 · Portfolio Tracker Datenbereich neu strukturiert */
body[data-nav-tool="Portfolio Tracker"] #data-section.pt-tool-area--data{
width:100% !important;
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-hero{
position:relative !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-hero::before{
content:"" !important;
position:absolute !important;
left:0 !important;
top:18px !important;
bottom:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-grid{
display:grid !important;
grid-template-columns:minmax(0,1.12fr) minmax(0,.94fr) minmax(0,.94fr) !important;
gap:14px !important;
align-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel{
position:relative !important;
display:flex !important;
flex-direction:column !important;
justify-content:space-between !important;
min-height:238px !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel::before{
content:"" !important;
position:absolute !important;
left:0 !important;
top:16px !important;
bottom:16px !important;
width:3px !important;
border-radius:0 4px 4px 0 !important;
background:linear-gradient(180deg, rgba(170,189,210,.7), rgba(115,139,165,.35)) !important;
opacity:.85 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel--primary{
border-color:rgba(242,211,111,.2) !important;
background:linear-gradient(180deg, rgba(242,211,111,.075), rgba(8,12,18,.98) 42%, rgba(8,12,18,.98)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel--primary::before{
background:linear-gradient(180deg,#f2d36f,#b8872d) !important;
opacity:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint{
min-height:0 !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
align-items:center !important;
gap:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__head{
display:flex !important;
gap:14px !important;
align-items:flex-start !important;
position:relative !important;
z-index:1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__step{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 auto !important;
width:42px !important;
height:42px !important;
border:1px solid rgba(242,211,111,.26) !important;
border-radius:14px !important;
background:linear-gradient(180deg, rgba(242,211,111,.14), rgba(255,255,255,.025)) !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel h3{
margin:0 !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel p:not(.pt-kicker):not(.pt-data-panel__note):not(.pt-data-feedback){
margin:7px 0 0 !important;
color:rgba(201,214,232,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__actions{
position:relative !important;
z-index:1 !important;
display:flex !important;
flex-wrap:wrap !important;
gap:10px !important;
align-items:center !important;
margin-top:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__actions--right{
justify-content:flex-end !important;
margin-top:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__note{
position:relative !important;
z-index:1 !important;
margin:14px 0 0 !important;
padding:10px 12px !important;
border:1px solid rgba(255,255,255,.07) !important;
border-radius:14px !important;
background:rgba(255,255,255,.025) !important;
color:rgba(201,214,232,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-actions{
display:flex !important;
flex-wrap:wrap !important;
gap:10px !important;
align-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel .pt-btn,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel .pt-import,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
white-space:normal !important;
text-align:center !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-feedback{
margin:0 !important;
padding:12px 14px !important;
border-radius:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #bitpanda-import-preview{
margin-top:0 !important;
}
@media (max-width:1080px){
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-grid{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel{
min-height:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__actions--right{
justify-content:flex-start !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel{
padding:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__head{
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__step{
width:38px !important;
height:38px !important;
border-radius:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel__actions{
display:grid !important;
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel .pt-btn,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-panel .pt-import,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-btn{
width:100% !important;
}
}
/* v2360: Preisquellen-Zuordnung in der Bitpanda-Import-Vorschau.
Nutzt bewusst denselben Alert-Rahmen wie der Währungs-Guard: beide sind Blockierer,
die der Nutzer vor dem Import bearbeiten soll. Nur die Zeilenstruktur kommt dazu. */
body[data-nav-tool="Portfolio Tracker"] .pt-bp-assign-row{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
margin:8px 0 0;
padding:8px 10px;
border-radius:12px;
background:rgba(255,255,255,.04);
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-assign-row strong{
min-width:74px;
font-variant-numeric:tabular-nums;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-assign-row .pt-select{
flex:1 1 260px;
min-width:0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-assign-hint{
flex:1 1 240px;
opacity:.72;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-assign-warn{
opacity:.8;
margin:6px 0 0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-assign-row--done{
background:rgba(126,217,148,.10);
}
@media(max-width:640px){
body[data-nav-tool="Portfolio Tracker"] .pt-bp-assign-row{ align-items:stretch; }
body[data-nav-tool="Portfolio Tracker"] .pt-bp-assign-row strong{ min-width:0; }
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-currency-alert{
margin:14px 0 0;
padding:14px 16px;
border:1px solid rgba(245,183,77,.36);
border-radius:16px;
background:rgba(245,183,77,.08);
box-shadow:0 12px 28px rgba(0,0,0,.18);
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-currency-alert strong{
display:block;
color:#f5d28a;
margin-bottom:5px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-currency-alert p{
margin:0;
color:rgba(255,255,255,.78);
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-currency-alert .pt-btn{
margin-top:12px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head{display:flex;flex-direction:column;gap:16px;min-width:0;padding:16px 18px 20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__main{display:flex;flex-direction:column;gap:8px;min-width:0}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__copy{max-width:980px;margin:0;color:var(--muted)}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__stats{display:flex;width:100%;gap:10px}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__stats .pt-journal-status{flex:1 1 0;min-width:0;width:auto!important;overflow:hidden;box-sizing:border-box!important}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__actions{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__actions .pt-btn{margin:0!important;width:100%;min-width:0;white-space:normal!important}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__primary{min-height:58px}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__primary .pt-btn-stack{align-items:center}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__primary .pt-btn-stack small{white-space:normal!important}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__row{display:grid;width:100%;grid-template-columns:1fr;gap:10px}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__row .pt-btn{width:100%;min-width:0;justify-content:center}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__jump{justify-content:center;background:transparent!important;border:1px dashed rgba(255,255,255,.16)!important;color:var(--muted)!important;box-shadow:none!important}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__jump:hover{border-color:rgba(244,212,116,.4)!important;color:#e7c66a!important}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__jump span[aria-hidden="true"]{margin-right:4px}
body[data-nav-tool="Portfolio Tracker"] .pt-journal-status{min-height:0!important;width:100%;padding:14px 16px!important}
body[data-nav-tool="Portfolio Tracker"] #pt-journal-history-section{scroll-margin-top:108px}
@media (min-width:520px){
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__row{grid-template-columns:1fr 1fr}
}
@media (min-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__stats{max-width:420px}
}
/* ============================================================
Portfolio Tracker · Design-Harmonisierung (Pass A) — v1824
Rein visuell. KEIN JS-Eingriff, keine Struktur-/Inhalts-/Layout-
Änderung. Alle IDs, data-pt-* Hooks und das Datenmodell bleiben
unberührt; Cockpit-Widget unberührt (liest nur localStorage).
ZIEL: "aus einem Guss" über ALLE Bereiche (Übersicht, Positionen, Struktur,
Portfolio-Stände, Watchlist, Transaktionen, Daten).
PRINZIP
- Unruhe = die GOLD-RADIALSCHEINE auf Kartenflächen. Die kommen
überall von den Flächen runter (ruhige, flache Oberfläche).
- Identität/Zusammenhalt = der DEZENTE Gold-Akzent, den dein Code
ohnehin tool-weit nutzt: feiner Goldrand rgba(212,175,55,.16)
+ Gold-Schiene inset 3px .16 an der jeweiligen Hauptkarte.
Den behalten wir als EINHEITLICHES System und gleichen die
Übersicht-Karten exakt daran an.
- Gold bleibt, wo es etwas bedeutet: Buttons, aktive Zustände,
Icons, Fortschritt, Premium-Hinweise, Modals.
Nur Oberflächen-Eigenschaften (Hintergrund/Rand/Schatten) werden
angefasst — nie Layout. Als letzter Style-Block platziert → greift
sicher. Reversibel: diesen Block löschen.
============================================================ */
/* ── KARTEN-AKZENT-SYSTEM (das "Guss") ─────────────────────────
Fl: bg rgba(255,255,255,.020) · Rand 1px rgba(212,175,55,.16)
Schiene (Hauptkarte): inset 3px 0 0 rgba(212,175,55,.16)
Tiefe: 0 10px 30px rgba(0,0,0,.20)
──────────────────────────────────────────────────────────── */
/* ===== ÜBERSICHT ===== */
/* 1 · Kennzahlen-Band — bewusst neutral/leise (kein Goldrand) */
body[data-nav-tool="Portfolio Tracker"] #summary-cards{gap:10px !important;margin-bottom:18px !important;}
body[data-nav-tool="Portfolio Tracker"] #summary-cards .pt-summary-card{transition:border-color .15s ease,transform .15s ease !important;}
body[data-nav-tool="Portfolio Tracker"] #summary-cards .pt-summary-card::before{display:none !important;}
body[data-nav-tool="Portfolio Tracker"] #summary-cards .pt-summary-card:hover{transform:translateY(-1px) !important;}
/* 2 · Dashboard-Rhythmus */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-overview-dashboard{gap:18px !important;}
/* 3 · Übersicht-Karten an das Akzent-System angleichen
(Radialschein raus, feiner Goldrand + Schiene wie bei den anderen Bereichen) */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-feature,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-card{background:rgba(255,255,255,.020) !important;border:1px solid rgba(212,175,55,.16) !important;border-radius:16px !important;box-shadow:0 10px 30px rgba(0,0,0,.20) !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-feature{box-shadow:inset 3px 0 0 rgba(212,175,55,.16), 0 10px 30px rgba(0,0,0,.20) !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-card-head{background:rgba(255,255,255,.028) !important;border-bottom:1px solid rgba(255,255,255,.05) !important;padding:15px 18px !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-card-head h3{color:var(--pt-w1-title) !important;}
/* 4 · Tabs neutral */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-tabs{background:rgba(255,255,255,.04) !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-tabs button.is-active{border-color:var(--pt-w1-border-strong) !important;background:rgba(255,255,255,.07) !important;color:var(--pt-w1-title) !important;}
/* 5 · Primäraktion — klarer Gold-Button (Gold bleibt hier) */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-action-btn,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-save-btn{border:1px solid var(--pt-w1-gold-border) !important;background:var(--pt-w1-gold-bg) !important;color:var(--pt-w1-gold) !important;border-radius:10px !important;transition:filter .12s ease,transform .12s ease !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-action-btn:hover,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-save-btn:hover{filter:brightness(1.08) !important;transform:translateY(-1px) !important;}
/* 6 · Status-/Kontrakt-Kacheln ruhig */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-history-summary > div,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-overview-status__meta div{background:rgba(255,255,255,.020) !important;border:1px solid rgba(255,255,255,.05) !important;border-radius:12px !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-muted{color:var(--pt-w1-meta) !important;opacity:.85 !important;}
/* 7 · Regeln- & Steuer-Karte folgen dem Akzent-System */
body[data-nav-tool="Portfolio Tracker"] #overview-insights #portfolio-rules-card,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-rules-card{background:rgba(255,255,255,.020) !important;border:1px solid rgba(212,175,55,.16) !important;box-shadow:0 10px 30px rgba(0,0,0,.20) !important;}
/* ===== TOOL-WEIT: GOLD-RADIALSCHEINE VON DEN FLÄCHEN NEHMEN =====
(nur Hintergrund — Layout/Border/Icons unberührt; Premium-Locked
und Modals behalten bewusst ihren Gold-Hinweis) */
/* Struktur-Karte: feiner Goldrand wie im System (statt kräftigerem Ton) */
/* ===== MOBILE — dichter, ohne Druck ===== */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #summary-cards{gap:8px !important;margin-bottom:14px !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-overview-dashboard{gap:14px !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-card-head{padding:13px 14px !important;}
}
/* ===== A11y ===== */
body[data-nav-tool="Portfolio Tracker"] #overview-insights :focus-visible,
body[data-nav-tool="Portfolio Tracker"] #summary-cards :focus-visible{outline:2px solid var(--pt-w1-gold) !important;outline-offset:2px !important;}
/* ===== LEITÜBERSETZUNG (Lead-Slot oben) ===== */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-lead{background:rgba(255,255,255,.020) !important;border:1px solid rgba(212,175,55,.16) !important;border-radius:16px !important;box-shadow:inset 3px 0 0 rgba(212,175,55,.16), 0 10px 30px rgba(0,0,0,.20) !important;padding:18px 20px !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-lead__eyebrow{display:inline-block !important;color:var(--pt-w1-gold) !important;opacity:.92 !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-lead__text{margin:.55em 0 0 !important;color:var(--pt-w1-title) !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-lead__actions{margin-top:14px !important;display:flex !important;gap:12px !important;flex-wrap:wrap !important;}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-lead{padding:15px 16px !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-lead__btn{flex:1 1 auto !important;text-align:center !important;}
}
@media (prefers-reduced-motion:reduce){
body[data-nav-tool="Portfolio Tracker"] #overview-insights *,
body[data-nav-tool="Portfolio Tracker"] #summary-cards *{transition:none !important;}
}
/* R4X Portfolio Tracker v1828 · Datenbereich Steuer-Vorbereitung stabil und einspaltig */
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint{
display:flex !important;
flex-direction:column !important;
justify-content:space-between !important;
align-items:stretch !important;
grid-template-columns:none !important;
gap:14px !important;
min-height:298px !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-data-panel__head{
display:flex !important;
align-items:flex-start !important;
gap:14px !important;
width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-data-panel__head > div{
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint h3{
display:flex !important;
align-items:flex-start !important;
gap:8px !important;
min-width:0 !important;
max-width:100% !important;
margin:0 !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint h3 .pt-tool-cta-icon{
flex:0 0 20px !important;
width:20px !important;
height:20px !important;
margin:2px 0 0 !important;
vertical-align:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-data-panel__actions--tax{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
align-items:stretch !important;
width:100% !important;
min-width:0 !important;
margin-top:auto !important;
padding-top:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-data-action-item{
display:grid !important;
grid-template-columns:1fr !important;
gap:6px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-tool-open-btn{
width:100% !important;
max-width:none !important;
min-width:0 !important;
min-height:42px !important;
padding:10px 12px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
text-align:center !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-tool-open-btn .pt-tool-cta-icon{
flex:0 0 18px !important;
width:18px !important;
height:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-tool-open-btn span:not(.pt-btn-stack){
min-width:0 !important;
overflow-wrap:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-card--data-tax-hint .pt-data-action-note{
margin:0 !important;
text-align:center !important;
}
/* R4X v1848 · Welle 1 Restfixes: Zielwert-X bei Scroll, Lead-Texte ohne Gedankenstrich, Trendfarben */
body[data-nav-tool="Portfolio Tracker"].pt-bitpanda-preview-open{ overflow:hidden; }
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-modal[hidden]{ display:none !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-modal{
position:fixed;
inset:0;
z-index:9998;
display:flex;
align-items:center;
justify-content:center;
padding:clamp(14px,2vw,28px);
background:rgba(0,0,0,.74);
backdrop-filter:blur(10px);
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog{
width:min(1120px,96vw);
max-height:min(88vh,920px);
overflow:hidden;
border:1px solid rgba(224,183,64,.42);
border-radius:24px;
background:linear-gradient(180deg,rgba(15,17,20,.98),rgba(7,10,13,.98));
box-shadow:0 26px 80px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.04);
color:#fff;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
padding:20px 22px 14px;
border-bottom:1px solid rgba(255,255,255,.08);
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__head h2{
margin:2px 0 0;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__body{
max-height:calc(min(88vh,920px) - 88px);
overflow:auto;
padding:18px 22px 22px;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-inline-ready{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin-top:18px;
padding:16px;
border:1px solid rgba(224,183,64,.35);
border-radius:18px;
background:rgba(224,183,64,.07);
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-inline-ready strong{display:block;}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-inline-ready span{display:block;color:#c9d7f2;margin-top:3px;}
@media (max-width:720px){
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-modal{align-items:flex-end;padding:10px;}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog{width:100%;max-height:92vh;border-radius:20px;}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__body{max-height:calc(92vh - 86px);padding:14px;}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-inline-ready{align-items:stretch;flex-direction:column;}
}
/* ============================================================
Übersicht-Hero (Mini-Dashboard) · v1848 Welle 1 Restfix
Inszenierter Status-Hero: adaptiver schwarz-gold Badge,
Gauge (Portfolio vs. Einsatz) + Sparkline, Leitübersetzung,
Signal-Zeilen (Rückblick · Rahmen · Steuer · Stand). Mobil-first.
Rein visuell; Datengetrieben via renderOverviewLead(). Als letzter
Style-Block platziert → gewinnt die Quell-Reihenfolge.
============================================================ */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero{position:relative;padding:18px 16px 16px;overflow:hidden;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__badge{display:inline-flex;align-items:center;gap:7px;color:#f2d36f;background:linear-gradient(180deg,#15181d,#0c0e12);border:1px solid rgba(244,212,116,.34);border-radius:999px;padding:6px 12px;box-shadow:0 2px 8px rgba(0,0,0,.4), inset 0 1px 0 rgba(244,212,116,.12);}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#f2d36f;box-shadow:0 0 8px #f2d36f;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__meta{text-align:right;color:#cdd6e5;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__meta small{display:block;color:#9ba8bd;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge{display:flex;justify-content:center;margin:4px 0 0;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge svg{display:block;width:188px;height:158px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__g-lab{fill:#9ba8bd;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__g-big{fill:#f4f6fa;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__g-big.is-neg{fill:#e98d7d;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__g-big.is-pos{fill:#5fcf9b;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__g-sub{fill:#9ba8bd;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__lead{margin:8px 4px 0;text-align:center;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__lead-actions{display:flex;justify-content:center;margin-top:12px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__cta{color:#1c1604;background:#f2d36f;border:none;border-radius:10px;padding:10px 18px;cursor:pointer;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__cta--ghost{color:#f2d36f;background:rgba(244,212,116,.10);border:1px solid rgba(244,212,116,.34);}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__signals{margin-top:16px;display:flex;flex-direction:column;gap:8px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig{display:flex;align-items:center;gap:12px;padding:12px 14px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig[role="button"]{cursor:pointer;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-main{flex:1;min-width:0;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-main b{display:block;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-state{white-space:nowrap;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-btn{padding:8px 12px;white-space:nowrap;cursor:pointer;}
@media (max-width:430px){
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge svg{width:170px;height:144px;}
}
/* ============================================================
Übersicht-Hero Refinements + Bereichs-Kohäsion · v1848 Welle 1 Restfix
1) Ring klarer: Mini-Daten flankieren, Legende erklärt Farbe.
2) Mobile: mehr Abstand/Trennung zwischen Sektionen.
3) Bereichs-Header in ALLEN Bereichen gleich (aus einem Guss).
Letzter Block → gewinnt die Quell-Reihenfolge.
============================================================ */
/* 1 · Ring + Mini-Daten ---------------------------------- */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__stage{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge svg{width:180px !important;height:135px !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__flank{display:flex;flex-direction:column;gap:12px;flex:0 0 auto;width:80px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__flank--r{align-items:flex-end;text-align:right;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__mini{display:flex;flex-direction:column;gap:1px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__mini span{color:#9ba8bd;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__mini b{color:#f4f6fa;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__caption{color:#9ba8bd;text-align:center;margin:6px 6px 0;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__caption b{color:#cdd6e5;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__cap-l1,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__cap-l2{display:block;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__cap-l2{margin-top:2px;}
/* Kernbotschaft: schwarz, dezent gold umrandet */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__lead{
padding:14px 16px !important;
margin:12px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__lead-supp{
display:block;margin-top:8px;padding-top:8px;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__lg--pos{color:#5fcf9b;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__lg--neg{color:#e98d7d;}
@media (max-width:430px){
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__flank{width:68px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge svg{width:142px !important;height:107px !important;}
}
/* 2 · Mobile-Trennung der Sektionen --------------------- */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-overview-dashboard{gap:26px !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-card{margin-bottom:24px !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-tool-area > .pt-card + .pt-card{margin-top:6px !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-section-head,
body[data-nav-tool="Portfolio Tracker"] .pt-section-head--static{padding:16px 16px !important;}
}
/* 3 · Bereichs-Header in ALLEN Bereichen identisch (inkl. statischer) */
body[data-nav-tool="Portfolio Tracker"] .pt-kicker{color:#e7c66a !important;}
/* ============================================================
Übersicht v1833
1) Ring-Impuls beim Öffnen (grün rauf / rot runter / weiß neutral)
+ blinkende Richtungspfeile, danach zurück in den Normalzustand.
2) Signal-Zeile „Stand speichern“: Notiz-Symbol + aufklappbares Feld.
3) Plus-Verlauf-Kopf neu & UX-sauber (Mobile + Desktop).
Letzter Block → gewinnt die Quell-Reihenfolge.
============================================================ */
/* 1 · Ring-Impuls + Delta-Anzeige ----------------------------- */
/* Overlay-Ring blinkt ruhiger (langsameres Tempo), zentrierte
Delta-Anzeige mit Pfeil + Kursbewegung in % (grün/rot/weiß). */
@keyframes ptPulseRing{0%,100%{opacity:0;filter:none;}50%{opacity:.9;filter:drop-shadow(0 0 9px currentColor);}}
@keyframes ptDeltaShow{0%{opacity:0;transform:translate(-50%,4px);}12%{opacity:1;transform:translate(-50%,0);}86%{opacity:1;transform:translate(-50%,0);}100%{opacity:0;transform:translate(-50%,0);}}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge{position:relative;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__pulse{opacity:0;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge.is-blink-up .pt-hero__pulse{stroke:#5fcf9b;color:#5fcf9b;animation:ptPulseRing 1.3s ease-in-out 4;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge.is-blink-down .pt-hero__pulse{stroke:#e98d7d;color:#e98d7d;animation:ptPulseRing 1.3s ease-in-out 4;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge.is-blink-flat .pt-hero__pulse{stroke:#eef3fb;color:#eef3fb;animation:ptPulseRing 1.3s ease-in-out 4;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__delta{position:absolute;left:50%;bottom:2px;transform:translate(-50%,0);display:none;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:rgba(8,11,16,.78);border:1px solid rgba(255,255,255,.10);white-space:nowrap;opacity:0;pointer-events:none;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__delta-cap{color:#9ba8bd;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__delta-ar::before{display:inline-block;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge.is-blink-up .pt-hero__delta,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge.is-blink-down .pt-hero__delta,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge.is-blink-flat .pt-hero__delta{display:flex;animation:ptDeltaShow 5.2s ease-in-out 1;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge.is-blink-up .pt-hero__delta{color:#5fcf9b;border-color:rgba(95,207,155,.4);}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge.is-blink-down .pt-hero__delta{color:#e98d7d;border-color:rgba(233,141,125,.4);}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge.is-blink-flat .pt-hero__delta{color:#eef3fb;border-color:rgba(238,243,251,.32);}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge.is-blink-up .pt-hero__delta-ar::before{content:"\25B2";}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge.is-blink-down .pt-hero__delta-ar::before{content:"\25BC";}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge.is-blink-flat .pt-hero__delta-ar::before{content:"\2192";}
@media (prefers-reduced-motion:reduce){
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__pulse{animation:none !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__delta{animation:none !important;opacity:1 !important;}
}
/* 2 · „Stand speichern“ mit Notiz ----------------------------- */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig--save{flex-wrap:wrap;row-gap:10px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-act{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-note-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-note[hidden]{display:none;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-note-field{display:grid;gap:6px;padding:12px 14px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-note-field input{width:100%;padding:9px 11px;outline:none;box-sizing:border-box;}
/* 3 · Plus-Verlauf-Kopf — sauber & responsiv ------------------ */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-history-head{display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:18px !important;flex-wrap:wrap !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-history-head-titles{display:grid !important;gap:3px !important;flex:1 1 240px !important;min-width:0 !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-history-head-sub{margin:3px 0 0 !important;color:rgba(205,220,240,.5) !important;max-width:42ch !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-history-controls{display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important;justify-content:flex-end !important;flex:0 0 auto !important;}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-history-head{flex-direction:column !important;align-items:stretch !important;gap:9px !important;padding:12px 14px 11px !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-history-head-titles{flex:0 0 auto !important;align-content:start !important;gap:2px !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-history-head-titles .pt-kicker{margin-bottom:1px !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-history-head-sub{max-width:none !important;margin:2px 0 0 !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-history-controls{justify-content:flex-start !important;width:100% !important;gap:6px !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-history-controls .pt-ov-tabs,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-history-controls .pt-range-tabs{flex:1 1 auto !important;width:100% !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-history-controls .pt-ov-tabs button,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-history-controls .pt-range-tabs button{flex:1 1 0 !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-feature .pt-ov-history-summary{padding:11px 14px 0 !important;gap:6px !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-feature .pt-ov-chart-wrap{margin-top:10px !important;}
}
/* 5 · Übersicht – Variante A: Launcher-Zeilen, Verlauf-Strip, Zielwert-Sheet */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig[role="button"]{cursor:pointer;transition:border-color .12s ease,background .12s ease;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-chev{flex:0 0 auto;margin-left:2px;}
/* R4X v1966 · Deep-Link-Regelhinweis: Rahmen-Karte pulsiert bis zur Öffnung */
@keyframes ptRulesHeroCardPulse{
0%,100%{
border-color:rgba(244,212,116,.30);
box-shadow:0 0 0 0 rgba(244,212,116,.00), 0 10px 28px rgba(0,0,0,.18);
}
50%{
border-color:rgba(244,212,116,.82);
box-shadow:0 0 0 3px rgba(244,212,116,.13), 0 0 22px rgba(244,212,116,.22), 0 10px 28px rgba(0,0,0,.22);
}
}
html[data-pt-rules-hero-pulse="true"] body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig[data-pt-hero-rules-card]{
animation:ptRulesHeroCardPulse 1.5s ease-in-out infinite !important;
}
@media (prefers-reduced-motion: reduce){
html[data-pt-rules-hero-pulse="true"] body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig[data-pt-hero-rules-card]{
animation:none !important;
}
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin-top:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.022);color:inherit;cursor:pointer;text-decoration:none;transition:border-color .12s ease,background .12s ease;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip:hover{border-color:rgba(244,212,116,.32);background:rgba(255,255,255,.04);}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip__ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border-radius:9px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:#cdd6e5;font-size:15px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip__main{flex:0 0 auto;min-width:0;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip__span{display:block;color:#9ba8bd;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip__delta{display:block;color:#cdd6e5;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip__delta.pos{color:#5fcf9b;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip__delta.neg{color:#e98d7d;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip__main b{display:block;color:#f4f6fa;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip__main span:not(.pt-ov-strip__span){color:#9ba8bd;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip__spark{flex:1 1 auto;min-width:48px;width:auto;height:30px;opacity:.95;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip__cta{flex:0 0 auto;color:#e7c66a;white-space:nowrap;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet{position:fixed;inset:0;z-index:2147482450;display:flex;align-items:flex-end;justify-content:center;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet[hidden]{display:none;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet__backdrop{position:absolute;inset:0;background:rgba(4,7,11,.64);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet__panel{position:relative;width:100%;max-width:560px;max-height:90vh;overflow:auto;background:#0e131b;border:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;padding:8px 14px 18px;box-shadow:0 -16px 44px rgba(0,0,0,.5);}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet__head{display:flex;justify-content:flex-end;margin-bottom:2px;position:sticky;top:0;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet__close{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(14,19,27,.9);color:#cdd6e5;font-size:20px;line-height:1;cursor:pointer;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet__close:hover{border-color:rgba(244,212,116,.4);color:#f2d36f;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet .pt-ov-goal,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet .pt-ov-review,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet .pt-ov-rules-card{margin:0;}
@media (min-width:600px){
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet{align-items:center;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet__panel{border-radius:20px;}
}
/* Übersicht: Summary-Karte entfällt – ihre Werte stecken jetzt im Hero. */
body[data-nav-tool="Portfolio Tracker"] #summary-cards{display:none !important;}
/* €-Wert im Ring etwas kleiner, damit "€ 14.341" sicher passt. */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__g-big--value{fill:#f4f6fa;}
/* Faktenzeile unter dem Ring: Eingesetzt · Gewinn/Verlust · Positionen. */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__facts{display:flex;justify-content:center;gap:0;margin:12px 0 2px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__fact{flex:1 1 0;text-align:center;padding:0 6px;position:relative;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__fact + .pt-hero__fact::before{content:"";position:absolute;left:0;top:6%;height:88%;width:1px;background:rgba(255,255,255,.10);}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__fact span{display:block;color:#9ba8bd;margin-bottom:2px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__fact b{color:#eef3fb;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__fact b.neg{color:#e98d7d;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__fact b.pos{color:#5fcf9b;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__fact em{display:block;margin-top:1px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__fact em.neg{color:#e98d7d;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__fact em.pos{color:#5fcf9b;}
@media (max-width:520px){
/* Ring mittelgroß & mittig, flankiert von der Allokation (Seiten gefüllt). */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__stage{flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:6px;margin-top:4px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge{flex:0 0 auto;margin:0;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge svg{width:190px !important;height:143px !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__flank{flex:0 0 auto;width:70px;flex-direction:column;gap:14px;}
}
@media (max-width:389px){
/* Kleinere Phones: Ring + Flanken etwas schmaler, damit nichts überläuft. */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge svg{width:174px !important;height:131px !important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__flank{width:64px;}
}
/* Welle 1 · konkrete UI-Fixes ohne Daten-Redesign */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-inline-trend.is-positive{color:#5fcf9b!important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-inline-trend.is-negative{color:#e98d7d!important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-inline-trend.is-neutral{color:#f4f6fa!important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip--lock{min-width:0;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip--lock .pt-ov-strip__main{flex:1 1 auto;min-width:0;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip--lock .pt-ov-strip__cta{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media (max-width:430px){
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip{gap:9px;padding:11px 12px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip__ico{width:32px;height:32px;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-strip--lock .pt-ov-strip__cta{max-width:34%;}
}
@media (max-width:760px){
html body #tracking-table .pt-mobile-position-card__summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
html body #tracking-table .pt-mobile-position-card__metric--result{min-width:0!important;}
html body #tracking-table .pt-mobile-position-card__metric--result strong,
html body #tracking-table .pt-mobile-position-card__metric--result small{display:block!important;width:100%!important;min-width:0!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important;}
html body #tracking-table .pt-mobile-position-card__metric--result strong .pt-trend,
html body #tracking-table .pt-mobile-position-card__metric--result small .pt-trend{display:inline-block!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;}
html body #tracking-table .pt-mobile-position-card__metric--result small,
html body #tracking-table .pt-mobile-position-card__metric--result small .pt-trend{margin-top:4px!important;}
}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head{gap:14px!important;}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__layout{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;min-width:0;}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__status-actions{display:flex;flex-direction:column;gap:10px;min-width:0;}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__tax-actions{display:grid;grid-template-columns:1fr;gap:10px;min-width:0;}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__tax-actions .pt-btn{width:100%;min-width:0;justify-content:center;white-space:normal!important;}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__actions{display:grid!important;grid-template-columns:1fr;gap:10px;width:100%;min-width:0;}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__actions .pt-btn{width:100%;min-width:0;justify-content:center;}
@media (min-width:900px){
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head{padding:18px 20px 20px!important;}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__layout{grid-template-columns:minmax(320px,1fr) minmax(590px,auto);gap:22px;}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__status-actions{display:grid;grid-template-columns:minmax(360px,420px) minmax(260px,1fr);gap:12px;align-items:stretch;}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__stats{max-width:none!important;width:100%;height:100%;}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__tax-actions{grid-template-columns:1fr;align-content:stretch;}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__primary{min-height:54px;}
body[data-nav-tool="Portfolio Tracker"] .pt-transactions-head__actions{grid-template-columns:1fr;}
}
/* v1848: Übersichtstextwerte und Zielwert-Modal-Schließen stabilisieren. */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-inline-value{color:#f4f6fa!important;white-space:nowrap;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-inline-value.is-positive,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-inline-trend.is-positive{color:#5fcf9b!important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-inline-value.is-negative,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-inline-trend.is-negative{color:#e98d7d!important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-inline-value.is-neutral,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-inline-trend.is-neutral{color:#f4f6fa!important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet__panel{isolation:isolate;scrollbar-gutter:stable;overscroll-behavior:contain;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet__head{position:sticky!important;top:0!important;z-index:80!important;background:linear-gradient(180deg,#0e131b 0%,rgba(14,19,27,.96) 70%,rgba(14,19,27,0) 100%)!important;padding:8px 0 10px!important;margin:-8px 0 2px!important;pointer-events:none!important;}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet__close{position:relative!important;z-index:90!important;pointer-events:auto!important;touch-action:manipulation!important;flex:0 0 auto!important;}
/* v1849: Rückblick-Sheet nutzt auf Desktop die verfügbare Breite. Mobile bleibt unverändert. */
@media (min-width:900px){
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet.pt-ov-sheet{
align-items:center!important;
justify-content:center!important;
padding:30px 28px!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-sheet__panel{
width:min(1040px, calc(100vw - 80px))!important;
max-width:min(1040px, calc(100vw - 80px))!important;
max-height:88vh!important;
border-radius:22px!important;
padding:10px 18px 22px!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-review{
width:100%!important;
max-width:none!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-review-head{
padding:14px 18px 12px!important;
display:flex!important;
align-items:center!important;
gap:18px!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-review-head h3{
max-width:none!important;
white-space:normal!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-review-period{
flex:0 0 auto!important;
max-width:none!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-review-stats--weekly{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:12px!important;
padding:20px 18px 0!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-review-stats--weekly .pt-ov-review-stat{
min-width:0!important;
min-height:100px!important;
padding:15px 14px!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-review-stats--weekly .pt-ov-review-stat span,
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-review-stats--weekly .pt-ov-review-stat strong,
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-review-stats--weekly .pt-ov-review-stat small{
overflow-wrap:normal!important;
word-break:normal!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-performers--weekly{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
padding:20px 18px 0!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-performers--weekly .pt-ov-performer{
display:grid!important;
grid-template-columns:36px minmax(0,1fr) max-content!important;
align-items:center!important;
gap:10px!important;
min-height:82px!important;
padding:14px 16px!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-performers--weekly .pt-rb-logo{
grid-column:1!important;
align-self:center!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-performers--weekly .pt-ov-performer > div:not(.pt-rb-logo){
grid-column:2!important;
min-width:0!important;
display:block!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-performers--weekly .pt-ov-performer span{
display:block!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
overflow-wrap:normal!important;
word-break:normal!important;
max-width:none!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-performers--weekly .pt-ov-performer strong{
display:block!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
overflow-wrap:normal!important;
word-break:normal!important;
max-width:100%!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-performers--weekly .pt-ov-performer > div > small{
display:block!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
overflow-wrap:normal!important;
word-break:normal!important;
max-width:100%!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-performers--weekly .pt-ov-performer em{
grid-column:3!important;
justify-self:end!important;
align-self:center!important;
margin-left:0!important;
white-space:nowrap!important;
overflow:visible!important;
text-overflow:clip!important;
overflow-wrap:normal!important;
word-break:normal!important;
text-align:right!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-review-insights{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
padding:20px 18px!important;
}
}
@media (min-width:1180px){
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-sheet__panel{
width:min(1120px, calc(100vw - 96px))!important;
max-width:min(1120px, calc(100vw - 96px))!important;
}
}
/* R4X v1851 · Restfix: Rückblick CTA nach angesehen und Mobile Bewegungsspanne */
body[data-nav-tool="Portfolio Tracker"] .pt-hero__lead-actions:has([data-pt-ack-kind="review"][data-pt-ack-id=""]){
display:none!important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-performers--weekly .pt-ov-performer--spread{
grid-template-columns:34px minmax(0,1fr)!important;
grid-template-rows:auto auto!important;
align-items:start!important;
row-gap:6px!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-performers--weekly .pt-ov-performer--spread .pt-rb-logo{
grid-column:1!important;
grid-row:1 / span 2!important;
align-self:start!important;
margin-top:4px!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-performers--weekly .pt-ov-performer--spread > div:not(.pt-rb-logo){
grid-column:2!important;
grid-row:1!important;
min-width:0!important;
max-width:100%!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-performers--weekly .pt-ov-performer--spread strong{
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
word-break:normal!important;
overflow-wrap:break-word!important;
max-width:100%!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-performers--weekly .pt-ov-performer--spread > div > small{
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
overflow-wrap:normal!important;
max-width:100%!important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-review-sheet .pt-ov-performers--weekly .pt-ov-performer--spread em{
grid-column:2!important;
grid-row:2!important;
justify-self:start!important;
align-self:start!important;
margin:0!important;
white-space:nowrap!important;
text-align:left!important;
}
}
/* R4X v1853 · Verlauf-Modal nutzt Desktop-Höhe, Rückblicke als Details, Datenbereich gekürzt */
@media (min-width:761px){
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-overlay__panel{
height:calc(100vh - 56px)!important;
max-height:calc(100vh - 56px)!important;
display:flex!important;
flex-direction:column!important;
overflow:hidden!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-overlay__head,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-history-modal-tabs{
flex:0 0 auto!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-history-modal-panels{
flex:1 1 auto!important;
min-height:0!important;
overflow:hidden!important;
display:block!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-history-modal-panel:not([hidden]){
height:100%!important;
min-height:0!important;
display:flex!important;
flex-direction:column!important;
overflow:hidden!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-review-archive-list{
flex:1 1 auto!important;
min-height:0!important;
max-height:none!important;
overflow:auto!important;
}
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-review-archive-list{
display:flex!important;
flex-direction:column!important;
gap:10px!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-review-archive-item{
padding:0!important;
overflow:hidden!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-review-archive-item__head{
margin:0!important;
padding:14px 14px!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto 20px!important;
align-items:start!important;
gap:12px!important;
cursor:pointer!important;
list-style:none!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-review-archive-item__head::-webkit-details-marker{display:none!important;}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-review-archive-item__head > div{min-width:0!important;}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-review-archive-item__head > span{
white-space:nowrap!important;
justify-self:end!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-review-archive-item__head i{
color:#d4af37!important;
transform:rotate(0deg)!important;
transition:transform .18s ease!important;
justify-self:end!important;
margin-top:3px!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-review-archive-item[open] .pt-review-archive-item__head i{transform:rotate(180deg)!important;}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-review-archive-item__body{
padding:0 14px 14px!important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-data-panel__head > div > p{
max-width:52ch!important;
}
/* R4X v1854 · Mobile Verlauf-Modal: aufgeklappte Rückblicke vollständig scrollbar */
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay{
position:fixed!important;
inset:0!important;
width:100vw!important;
height:100dvh!important;
max-height:100dvh!important;
overflow:hidden!important;
padding:0!important;
align-items:stretch!important;
place-items:stretch!important;
touch-action:none!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-overlay__backdrop{
position:fixed!important;
inset:0!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-overlay__panel{
position:fixed!important;
inset:0!important;
left:0!important;
right:0!important;
top:0!important;
bottom:0!important;
width:100vw!important;
height:100dvh!important;
max-height:100dvh!important;
min-height:0!important;
margin:0!important;
transform:none!important;
border-radius:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior:contain!important;
touch-action:pan-y!important;
padding:24px 14px calc(180px + env(safe-area-inset-bottom, 0px))!important;
box-sizing:border-box!important;
display:block!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-history-modal-panels,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-history-modal-panel:not([hidden]){
height:auto!important;
max-height:none!important;
min-height:0!important;
overflow:visible!important;
display:block!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-list,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-review-archive-list{
height:auto!important;
max-height:none!important;
min-height:0!important;
overflow:visible!important;
padding-bottom:calc(44px + env(safe-area-inset-bottom, 0px))!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-review-archive-item,
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-snapshot-archive-item{
overflow:visible!important;
}
body[data-nav-tool="Portfolio Tracker"] #snapshot-archive-overlay .pt-review-archive-item[open] .pt-review-archive-item__body{
overflow:visible!important;
}
}
/* Legacy v1863-Override, durch v1866 weiter unten final übersteuert. */
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head::after,
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-head::before,
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-head::after,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head::after,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head::after,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head::after,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section .pt-watchlist-block > .pt-section-head::before,
body[data-nav-tool="Portfolio Tracker"] #watchlist-section .pt-watchlist-block > .pt-section-head::after,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-hero::before,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-hero::after{
content:none!important;
opacity:0!important;
}
body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-head__main .pt-section-title{
margin-top:0!important;
}
/* R4X v1866: harter Fix für getrennte Kopfbereich-Pfade. Schwarz direkt auf Header, CSS-Variablen und Runtime gesetzt. */
html body,
html body[data-nav-tool="Portfolio Tracker"]{
--pt-w1-head-grad:#000!important;
--pt-w1-head-grad-collapsed:#000!important;
}
html body #movement-section > .pt-section-head,
html body #history-section > .pt-section-head,
html body #distribution-section > .pt-section-head,
html body #watchlist-section > .pt-watchlist-block > .pt-section-head,
html body #watchlist-section .pt-section-head,
html body #journal-section .pt-transactions-head,
html body #data-section .pt-data-hero,
html body .pt-card--movement > .pt-section-head,
html body .pt-card--history > .pt-section-head,
html body .pt-card--distribution > .pt-section-head,
html body .pt-card--watchlist .pt-section-head,
html body[data-nav-tool="Portfolio Tracker"] #movement-section > .pt-section-head,
html body[data-nav-tool="Portfolio Tracker"] #history-section > .pt-section-head,
html body[data-nav-tool="Portfolio Tracker"] #distribution-section > .pt-section-head,
html body[data-nav-tool="Portfolio Tracker"] #watchlist-section > .pt-watchlist-block > .pt-section-head,
html body[data-nav-tool="Portfolio Tracker"] #watchlist-section .pt-section-head,
html body[data-nav-tool="Portfolio Tracker"] #journal-section .pt-transactions-head,
html body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-hero{
background-blend-mode:normal!important;
}
html body #movement-section > .pt-section-head::before,
html body #movement-section > .pt-section-head::after,
html body #history-section > .pt-section-head::before,
html body #history-section > .pt-section-head::after,
html body #distribution-section > .pt-section-head::before,
html body #distribution-section > .pt-section-head::after,
html body #watchlist-section .pt-section-head::before,
html body #watchlist-section .pt-section-head::after,
html body #journal-section .pt-transactions-head::before,
html body #journal-section .pt-transactions-head::after,
html body #data-section .pt-data-hero::before,
html body #data-section .pt-data-hero::after,
html body .pt-card--movement > .pt-section-head::before,
html body .pt-card--movement > .pt-section-head::after,
html body .pt-card--history > .pt-section-head::before,
html body .pt-card--history > .pt-section-head::after,
html body .pt-card--distribution > .pt-section-head::before,
html body .pt-card--distribution > .pt-section-head::after,
html body .pt-card--watchlist .pt-section-head::before,
html body .pt-card--watchlist .pt-section-head::after{
content:none!important;
opacity:0!important;
}
html body #movement-section > .pt-section-head,
html body #history-section > .pt-section-head,
html body #distribution-section > .pt-section-head,
html body #watchlist-section .pt-section-head,
html body .pt-card--movement > .pt-section-head,
html body .pt-card--history > .pt-section-head,
html body .pt-card--distribution > .pt-section-head,
html body .pt-card--watchlist .pt-section-head{
position:relative!important;
padding-left:80px!important;
}
html body #movement-section > .pt-section-head .pt-w1-icon,
html body #history-section > .pt-section-head .pt-w1-icon,
html body #distribution-section > .pt-section-head .pt-w1-icon,
html body #watchlist-section .pt-section-head .pt-w1-icon,
html body .pt-card--movement > .pt-section-head .pt-w1-icon,
html body .pt-card--history > .pt-section-head .pt-w1-icon,
html body .pt-card--distribution > .pt-section-head .pt-w1-icon,
html body .pt-card--watchlist .pt-section-head .pt-w1-icon{
position:absolute!important;
left:18px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:44px!important;
height:44px!important;
margin:0!important;
z-index:3!important;
pointer-events:none!important;
}
@media (max-width:760px){
html body #movement-section > .pt-section-head,
html body #history-section > .pt-section-head,
html body #distribution-section > .pt-section-head,
html body #watchlist-section .pt-section-head,
html body .pt-card--movement > .pt-section-head,
html body .pt-card--history > .pt-section-head,
html body .pt-card--distribution > .pt-section-head,
html body .pt-card--watchlist .pt-section-head{
padding-left:64px!important;
}
html body #movement-section > .pt-section-head .pt-w1-icon,
html body #history-section > .pt-section-head .pt-w1-icon,
html body #distribution-section > .pt-section-head .pt-w1-icon,
html body #watchlist-section .pt-section-head .pt-w1-icon,
html body .pt-card--movement > .pt-section-head .pt-w1-icon,
html body .pt-card--history > .pt-section-head .pt-w1-icon,
html body .pt-card--distribution > .pt-section-head .pt-w1-icon,
html body .pt-card--watchlist .pt-section-head .pt-w1-icon{
left:14px!important;
width:36px!important;
height:36px!important;
}
}
@media (max-width:420px){
html body #movement-section > .pt-section-head,
html body #history-section > .pt-section-head,
html body #distribution-section > .pt-section-head,
html body #watchlist-section .pt-section-head,
html body .pt-card--movement > .pt-section-head,
html body .pt-card--history > .pt-section-head,
html body .pt-card--distribution > .pt-section-head,
html body .pt-card--watchlist .pt-section-head{
padding-left:56px!important;
}
html body #movement-section > .pt-section-head .pt-w1-icon,
html body #history-section > .pt-section-head .pt-w1-icon,
html body #distribution-section > .pt-section-head .pt-w1-icon,
html body #watchlist-section .pt-section-head .pt-w1-icon,
html body .pt-card--movement > .pt-section-head .pt-w1-icon,
html body .pt-card--history > .pt-section-head .pt-w1-icon,
html body .pt-card--distribution > .pt-section-head .pt-w1-icon,
html body .pt-card--watchlist .pt-section-head .pt-w1-icon{
left:12px!important;
width:32px!important;
height:32px!important;
}
}
/* R4X v1876 · Bitpanda CSV Vorschau als echtes Top-Layer-Modal */
html.pt-bitpanda-preview-open-root,
body.pt-bitpanda-preview-open{
overflow:hidden !important;
overscroll-behavior:none !important;
}
body.pt-bitpanda-preview-open{
touch-action:none !important;
}
body.pt-bitpanda-preview-open .pt-bitpanda-preview-modal,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-modal{
position:fixed !important;
inset:0 !important;
z-index:2147483646 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:max(18px, env(safe-area-inset-top, 0px)) max(18px, env(safe-area-inset-right, 0px)) max(18px, env(safe-area-inset-bottom, 0px)) max(18px, env(safe-area-inset-left, 0px)) !important;
overflow:hidden !important;
background:rgba(0,0,0,.82) !important;
backdrop-filter:blur(12px) !important;
-webkit-backdrop-filter:blur(12px) !important;
overscroll-behavior:contain !important;
}
body.pt-bitpanda-preview-open .pt-bitpanda-preview-modal[hidden],
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-modal[hidden]{
display:none !important;
}
body.pt-bitpanda-preview-open .pt-bitpanda-preview-dialog,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog{
position:relative !important;
z-index:2147483647 !important;
width:min(1120px, calc(100vw - 36px)) !important;
max-width:calc(100vw - 36px) !important;
height:auto !important;
max-height:calc(100dvh - 36px) !important;
margin:0 auto !important;
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
border:1px solid rgba(224,183,64,.52) !important;
border-radius:24px !important;
background:linear-gradient(180deg,rgba(15,17,20,.99),rgba(7,10,13,.99)) !important;
box-shadow:0 34px 110px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
body.pt-bitpanda-preview-open .pt-bitpanda-preview-dialog__head,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__head{
flex:0 0 auto !important;
position:relative !important;
z-index:2 !important;
background:linear-gradient(180deg,rgba(15,17,20,1),rgba(15,17,20,.96)) !important;
}
body.pt-bitpanda-preview-open .pt-bitpanda-preview-dialog__body,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__body{
flex:1 1 auto !important;
min-height:0 !important;
max-height:none !important;
overflow:auto !important;
overscroll-behavior:contain !important;
-webkit-overflow-scrolling:touch !important;
}
@media (max-width:720px){
body.pt-bitpanda-preview-open .pt-bitpanda-preview-modal,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-modal{
align-items:center !important;
padding:10px !important;
}
body.pt-bitpanda-preview-open .pt-bitpanda-preview-dialog,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog{
width:100% !important;
max-width:100% !important;
max-height:calc(100dvh - 20px) !important;
border-radius:20px !important;
}
}
/* R4X v1880 · Bitpanda Bestätigung über Vorschau-Modal und offizieller DefiLlama-Fallback */
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-modal,
body.pt-bitpanda-preview-open .pt-bitpanda-preview-modal{
z-index:2147483000 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog,
body.pt-bitpanda-preview-open .pt-bitpanda-preview-dialog{
z-index:2147483001 !important;
}
body[data-nav-tool="Portfolio Tracker"] #pt-confirm-overlay,
#pt-confirm-overlay{
z-index:2147483600 !important;
}
body[data-nav-tool="Portfolio Tracker"] #pt-confirm-card,
#pt-confirm-card{
z-index:2147483601 !important;
}
body.pt-confirm-open .pt-bitpanda-preview-modal{
pointer-events:none !important;
}
body.pt-confirm-open #pt-confirm-overlay{
pointer-events:auto !important;
}
#pt-confirm-body{
white-space:pre-line !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy strong,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy small,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__copy strong,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__copy small{
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy{
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__btn,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__btn{
white-space:normal !important;
text-align:center !important;
}
@media (min-width:981px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__btn{
min-width:0 !important;
}
}
/* R4X v1947 · Preisstatus: keine technischen Cache-/Live-Pausenmeldungen */
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
gap:4px !important;
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__top,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__top{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__copy{
min-width:0 !important;
max-width:100% !important;
display:grid !important;
gap:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy span,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__copy span{
display:block !important;
max-width:100% !important;
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy strong,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__copy strong{
display:block !important;
white-space:normal !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__timestamp,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__timestamp{
display:block !important;
width:100% !important;
min-width:0 !important;
max-width:100% !important;
color:rgba(205,220,240,.78) !important;
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
overflow-wrap:anywhere !important;
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__state,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__state{
display:block !important;
min-width:0 !important;
max-width:100% !important;
color:rgba(205,220,240,.72) !important;
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__btn,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__btn{
flex:0 0 auto !important;
max-width:50% !important;
white-space:normal !important;
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-lock,
body[data-nav-tool="Portfolio Tracker"] .pt-hub-lock{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:18px !important;
height:18px !important;
flex:0 0 18px !important;
margin:0 !important;
color:#f4d35e !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-head-actions{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
grid-template-areas:
"currency hub"
"price price" !important;
align-items:stretch !important;
gap:8px !important;
margin-top:10px !important;
min-width:0 !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-currency-switch{
grid-area:currency !important;
width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link{
grid-area:hub !important;
width:100% !important;
min-width:0 !important;
max-width:100% !important;
justify-self:stretch !important;
align-self:stretch !important;
min-height:38px !important;
padding:6px 7px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status{
grid-area:price !important;
grid-column:1 / -1 !important;
display:grid !important;
width:100% !important;
min-width:0 !important;
max-width:100% !important;
padding:8px 9px !important;
border:1px solid rgba(255,255,255,.12) !important;
border-radius:14px !important;
background:rgba(6,10,16,.50) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
box-sizing:border-box !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__top{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:7px !important;
align-items:center !important;
width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy{
grid-area:auto !important;
justify-items:start !important;
text-align:left !important;
align-self:center !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy span{
width:100% !important;
text-align:left !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy strong{
width:100% !important;
text-align:left !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__timestamp,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__state{
width:100% !important;
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__btn{
grid-area:auto !important;
width:auto !important;
max-width:146px !important;
min-height:30px !important;
padding:6px 8px !important;
white-space:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link.is-plus-locked .pt-hub-link-main{
width:100% !important;
display:grid !important;
grid-template-columns:auto auto minmax(0,auto) !important;
grid-template-areas:
"lock icon name"
"open open open" !important;
justify-content:center !important;
justify-items:center !important;
align-items:center !important;
column-gap:4px !important;
row-gap:2px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link.is-plus-locked .pt-hub-lock{
grid-area:lock !important;
justify-self:end !important;
align-self:center !important;
width:15px !important;
height:15px !important;
flex:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link.is-plus-locked .pt-tool-cta-icon{
grid-area:icon !important;
justify-self:center !important;
align-self:center !important;
width:20px !important;
height:20px !important;
flex:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link.is-plus-locked .pt-hub-link-text{
display:contents !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link.is-plus-locked .pt-hub-link-name{
grid-area:name !important;
justify-self:start !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-hub-link.is-plus-locked .pt-hub-link-open{
grid-area:open !important;
justify-self:center !important;
}
}
@media (max-width:380px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__btn{
max-width:132px !important;
padding-left:6px !important;
padding-right:6px !important;
}
}
/* R4X v1947 · Preisstatus bewusst zentriert in der Box */
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status{
justify-items:center !important;
align-content:center !important;
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__top,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__top{
width:100% !important;
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
justify-items:center !important;
align-items:center !important;
justify-content:center !important;
gap:7px !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__copy{
width:100% !important;
justify-items:center !important;
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy span,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__copy span,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy strong,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__copy strong,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__timestamp,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__timestamp,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__state,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__state{
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__btn,
body[data-nav-tool="Portfolio Tracker"] .pt-header-price-status__btn{
justify-self:center !important;
margin-left:auto !important;
margin-right:auto !important;
max-width:min(100%, 280px) !important;
}
@media (min-width:761px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__top{
grid-template-columns:minmax(0,1fr) !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__btn{
min-width:220px !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__top{
grid-template-columns:minmax(0,1fr) !important;
justify-items:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy{
justify-items:center !important;
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy span,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__copy strong,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__timestamp,
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__state{
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #tracker-hero .pt-header-price-status__btn{
width:auto !important;
min-width:132px !important;
max-width:82% !important;
}
}
/* R4X v1955 · Portfolio-Rahmen Sheet: mehr Luft, sauberer Header-CTA und robuste Textlängen. */
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-sheet__panel{
max-width:min(680px, calc(100vw - 32px)) !important;
width:min(680px, calc(100vw - 32px)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-rules-card{
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-system-head{
align-items:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-system-title{
align-items:flex-start !important;
gap:14px !important;
width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-system-title > div{
display:grid !important;
justify-items:start !important;
align-content:start !important;
gap:0 !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-card-actions--head{
display:flex !important;
justify-content:flex-start !important;
align-items:center !important;
width:auto !important;
margin:12px 0 0 !important;
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-card-actions--head .pt-ov-action-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:auto !important;
min-width:0 !important;
min-height:40px !important;
margin:0 !important;
padding:10px 16px !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-rules-body{
padding:18px 22px 4px !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-rule-summary{
padding:12px 14px !important;
margin:0 0 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-rule-summary strong{
overflow-wrap:anywhere !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-rules-list{
display:grid !important;
grid-template-columns:repeat(auto-fit, minmax(min(250px, 100%), 1fr)) !important;
gap:10px !important;
margin:0 0 12px !important;
align-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-rule-row{
min-height:132px !important;
padding:14px 15px 12px 18px !important;
border-radius:13px !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-rule-row__label{
margin-bottom:7px !important;
overflow-wrap:anywhere !important;
word-break:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-rule-row__value{
margin-bottom:12px !important;
overflow-wrap:anywhere !important;
word-break:normal !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-rule-row__meta{
gap:10px !important;
padding:8px 0 0 !important;
align-items:flex-end !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-rule-row__limit{
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-rule-row__status{
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-rule-row__actions{
margin-top:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-rule-check-btn{
max-width:100% !important;
padding:7px 11px !important;
white-space:normal !important;
text-align:center !important;
}
@media (min-width:700px){
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet.pt-ov-sheet{
align-items:center !important;
justify-content:center !important;
padding:24px !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-sheet__panel{
max-height:88vh !important;
border-radius:22px !important;
padding:10px 18px 22px !important;
}
}
@media (max-width:520px){
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-sheet__panel{
width:100% !important;
max-width:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-card-head{
padding:16px 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-system-title{
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-system-icon{
width:40px !important;
height:40px !important;
flex-basis:40px !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-card-actions--head .pt-ov-action-btn{
min-height:39px !important;
padding:10px 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-ov-rules-body{
padding:16px 18px 2px !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-rules-list{
grid-template-columns:1fr !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights #pt-rules-sheet .pt-rule-row{
min-height:126px !important;
padding:13px 14px 12px 17px !important;
}
}
/* R4X v1959 · Portfolio-Rahmen Quicklinks, ruhigere Strukturregeln, früherer Back-to-top */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks{
position:relative !important;
z-index:1 !important;
display:flex !important;
align-items:center !important;
gap:8px !important;
flex-wrap:wrap !important;
padding:12px 22px !important;
border-bottom:1px solid rgba(255,255,255,.06) !important;
background:linear-gradient(180deg, rgba(10,16,25,.98), rgba(8,13,20,.94)) !important;
backdrop-filter:blur(10px) !important;
-webkit-backdrop-filter:blur(10px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks span{
color:rgba(190,210,235,.58) !important;
margin-right:2px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks button{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:30px !important;
padding:0 11px !important;
border-radius:999px !important;
border:1px solid rgba(142,164,192,.22) !important;
background:rgba(255,255,255,.035) !important;
color:rgba(218,228,242,.82) !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks button:hover,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks button:focus-visible{
border-color:rgba(242,211,111,.42) !important;
color:#f2d36f !important;
background:rgba(242,211,111,.065) !important;
outline:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure .pt-rules-block-head__eyebrow,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure .pt-rules-fieldset legend{
color:rgba(190,210,235,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure .pt-rules-fieldset{
border-color:rgba(142,164,192,.16) !important;
background:rgba(255,255,255,.022) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure .pt-rule-label--active,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure label.pt-rule-label--active{
border-color:rgba(118,168,218,.24) !important;
background:rgba(118,168,218,.045) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure .pt-rule-label--active > span:first-child,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure label.pt-rule-label--active > span:first-child{
color:rgba(226,235,247,.92) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure .pt-rule-label--active input:not(:focus),
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure .pt-rule-label--active select:not(:focus){
border-color:rgba(118,168,218,.28) !important;
background:rgba(0,0,0,.28) !important;
color:#eef3fb !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure .pt-rule-clear-btn{
border-color:rgba(142,164,192,.28) !important;
background:rgba(118,168,218,.07) !important;
color:rgba(205,220,238,.78) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure .pt-rule-clear-btn:hover,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--structure .pt-rule-clear-btn:focus-visible{
border-color:rgba(242,211,111,.34) !important;
color:#f2d36f !important;
outline:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-back-top{
z-index:2147481200 !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks{
padding:10px 16px !important;
gap:7px !important;
overflow-x:auto !important;
flex-wrap:nowrap !important;
scrollbar-width:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks::-webkit-scrollbar{display:none !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks button{
flex:0 0 auto !important;
min-height:32px !important;
padding:0 10px !important;
}
}
/* R4X v1961 · Portfolio-Rahmen Quicklinks Mobile-Fix + nur erweiterte Regelbereiche */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks{
display:flex !important;
align-items:flex-start !important;
flex-wrap:wrap !important;
gap:9px !important;
padding:13px 22px 14px !important;
border-bottom:1px solid rgba(255,255,255,.065) !important;
background:linear-gradient(180deg, rgba(10,16,25,.98), rgba(8,13,20,.94)) !important;
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks__label,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks span.pt-rules-quicklinks__label{
display:block !important;
flex:0 0 100% !important;
width:100% !important;
margin:0 0 2px !important;
color:rgba(222,231,244,.74) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks .pt-rule-jump-cta,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks button.pt-rule-jump-cta{
display:inline-flex !important;
visibility:visible !important;
opacity:1 !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 auto !important;
min-height:35px !important;
padding:0 13px !important;
border-radius:12px !important;
border:1px solid rgba(142,164,192,.24) !important;
background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
color:rgba(232,238,248,.92) !important;
box-shadow:0 10px 22px rgba(0,0,0,.14) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks .pt-rule-jump-cta i{
display:inline-block !important;
margin-left:7px !important;
color:rgba(242,211,111,.78) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks .pt-rule-jump-cta:hover,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks .pt-rule-jump-cta:focus-visible{
transform:translateY(-1px) !important;
border-color:rgba(242,211,111,.46) !important;
background:linear-gradient(180deg, rgba(242,211,111,.12), rgba(242,211,111,.045)) !important;
color:#f7e6a1 !important;
outline:none !important;
}
@media (min-width:761px){
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks .pt-rule-jump-cta{
min-width:116px !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks{
display:flex !important;
flex-wrap:nowrap !important;
align-items:center !important;
gap:8px !important;
padding:11px 16px 12px !important;
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-width:none !important;
min-height:88px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks::-webkit-scrollbar{display:none !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks__label,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks span.pt-rules-quicklinks__label{
position:sticky !important;
left:0 !important;
z-index:2 !important;
flex:0 0 auto !important;
width:auto !important;
max-width:9.8rem !important;
margin:0 3px 0 0 !important;
white-space:normal !important;
background:linear-gradient(90deg, rgba(8,13,20,.98) 72%, rgba(8,13,20,0)) !important;
padding-right:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks .pt-rule-jump-cta,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks button.pt-rule-jump-cta{
flex:0 0 auto !important;
width:auto !important;
min-width:max-content !important;
min-height:36px !important;
padding:0 12px !important;
white-space:nowrap !important;
}
}
@media (max-width:430px){
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks{
min-height:84px !important;
padding-left:16px !important;
padding-right:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks__label,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks span.pt-rules-quicklinks__label{
max-width:8.4rem !important;
}
}
/* R4X v1963 · Portfolio-Rahmen Advanced-Reihenfolge für Desktop und Mobile */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-block--optional{
display:flex !important;
flex-direction:column !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-advanced-section--signal{ order:10 !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-rules-advanced-section--buy{ order:20 !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-rules-advanced-section--doc{ order:30 !important; }
body[data-nav-tool="Portfolio Tracker"] #portfolio-rules-section-note{ order:40 !important; }
body[data-nav-tool="Portfolio Tracker"] .pt-rules-titleline{
display:flex !important;
align-items:center !important;
gap:8px !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-titleline h3{
margin-right:auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info{
display:none !important;
appearance:none !important;
border:1px solid rgba(142,164,192,.28) !important;
background:rgba(255,255,255,.045) !important;
color:#f2d36f !important;
width:28px !important;
height:28px !important;
border-radius:999px !important;
align-items:center !important;
justify-content:center !important;
cursor:help !important;
position:relative !important;
flex:0 0 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info:hover,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info:focus-visible{
outline:none !important;
border-color:rgba(242,211,111,.58) !important;
background:rgba(242,211,111,.10) !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__head{
padding:16px 16px 13px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__head .pt-rules-modal__desc{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info{
display:inline-flex !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info::after{
content:attr(aria-label) !important;
display:none !important;
position:absolute !important;
top:calc(100% + 9px) !important;
right:0 !important;
width:min(282px, calc(100vw - 42px)) !important;
padding:10px 12px !important;
border-radius:14px !important;
border:1px solid rgba(242,211,111,.24) !important;
background:linear-gradient(180deg, rgba(16,24,36,.98), rgba(8,13,20,.98)) !important;
box-shadow:0 18px 45px rgba(0,0,0,.46) !important;
color:rgba(226,236,248,.88) !important;
text-align:left !important;
z-index:20 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info:hover::after,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info:focus-visible::after{
display:block !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:8px !important;
min-height:0 !important;
padding:12px 16px 13px !important;
overflow:visible !important;
align-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks__label,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks span.pt-rules-quicklinks__label{
position:static !important;
grid-column:1 / -1 !important;
width:100% !important;
max-width:none !important;
margin:0 0 1px !important;
padding:0 !important;
white-space:normal !important;
background:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks .pt-rule-jump-cta,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks button.pt-rule-jump-cta{
width:100% !important;
min-width:0 !important;
min-height:38px !important;
padding:0 10px !important;
justify-content:center !important;
white-space:nowrap !important;
}
}
@media (max-width:360px){
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks .pt-rule-jump-cta,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-quicklinks button.pt-rule-jump-cta{
padding:0 8px !important;
}
}
/* R4X v1964 · Mobile-Modal oben im Viewport, ruhige Klickzonen, echte Info-Touchfläche */
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__backdrop,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet__backdrop{
cursor:default !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info{
touch-action:manipulation !important;
cursor:pointer !important;
z-index:90 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info::after{
content:none !important;
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info__tip{
display:none !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal{
place-items:start center !important;
align-items:start !important;
justify-items:center !important;
padding:calc(8px + env(safe-area-inset-top,0px)) 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__panel{
width:100% !important;
max-width:100% !important;
max-height:calc(100dvh - 8px - env(safe-area-inset-top,0px)) !important;
border-radius:22px 22px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet{
align-items:flex-start !important;
justify-content:center !important;
padding:calc(8px + env(safe-area-inset-top,0px)) 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-ov-sheet__panel{
max-height:calc(100dvh - 8px - env(safe-area-inset-top,0px)) !important;
border-radius:22px 22px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info{
width:32px !important;
height:32px !important;
min-width:32px !important;
min-height:32px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info__tip{
position:absolute !important;
display:none !important;
top:calc(100% + 9px) !important;
right:0 !important;
width:min(282px, calc(100vw - 42px)) !important;
padding:10px 12px !important;
border-radius:14px !important;
border:1px solid rgba(242,211,111,.24) !important;
background:linear-gradient(180deg, rgba(16,24,36,.98), rgba(8,13,20,.98)) !important;
box-shadow:0 18px 45px rgba(0,0,0,.46) !important;
color:rgba(226,236,248,.88) !important;
text-align:left !important;
z-index:120 !important;
pointer-events:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info.is-open .pt-rules-head-info__tip,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info:focus-visible .pt-rules-head-info__tip{
display:block !important;
}
}
@media (min-width:761px){
body[data-nav-tool="Portfolio Tracker"] .pt-rules-head-info__tip{
display:none !important;
}
}
/* R4X v2014 · Bitpanda Vorschau: klare Nutzerführung und Abstand in Transfergruppen */
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-explain{
display:grid !important;
gap:8px !important;
padding:0 14px 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-explain p,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-final,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-group-note,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-more{
margin:0 !important;
padding:0 !important;
color:rgba(201,214,232,.76) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-explain strong,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-final strong,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-group-note strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-transfer-breakdown span{
min-height:86px !important;
align-items:flex-start !important;
gap:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-transfer-breakdown span em{
color:rgba(201,214,232,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-transfer-breakdown span.is-review{
border-color:rgba(242,211,111,.22) !important;
background:rgba(242,211,111,.05) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-transfer-breakdown span.is-auto{
border-color:rgba(124,211,167,.14) !important;
background:rgba(124,211,167,.035) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-group{
display:grid !important;
gap:10px !important;
padding:18px 14px 18px !important;
border-top:1px solid rgba(255,255,255,.07) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-group h4{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
margin:0 !important;
padding:0 !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-group h4 > span{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-group h4 > strong{
flex:0 0 auto !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-group .pt-bitpanda-review-list{
padding:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-final{
padding:2px 14px 16px !important;
}
@media (max-width:620px){
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-explain,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-group,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-final{
padding-left:12px !important;
padding-right:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-group h4{
align-items:flex-start !important;
}
}
/* R4X v2016 · Bitpanda Vorschau Texte und Prüffall-Erklärung */
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-action-box,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-auto-head{
margin:12px 14px 10px !important;
padding:14px !important;
border-radius:16px !important;
border:1px solid rgba(242,211,111,.24) !important;
background:rgba(242,211,111,.055) !important;
display:grid !important;
gap:6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-action-box.is-ok{
border-color:rgba(124,211,167,.18) !important;
background:rgba(124,211,167,.045) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-auto-head{
border-color:rgba(124,211,167,.14) !important;
background:rgba(124,211,167,.035) !important;
margin-top:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-action-box strong,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-auto-head strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-action-box p,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-auto-head p{
margin:0 !important;
color:rgba(201,214,232,.78) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-group.is-review{
border-top:1px solid rgba(242,211,111,.16) !important;
background:linear-gradient(180deg, rgba(242,211,111,.035), rgba(255,255,255,0)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-group.is-review h4 > strong{
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-group.is-auto{
opacity:.92 !important;
}
@media (max-width:620px){
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-action-box,
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-review-auto-head{
margin-left:12px !important;
margin-right:12px !important;
padding:12px !important;
}
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card{
position:relative;
overflow:hidden;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card::before{
content:"";
position:absolute;
inset:-1px auto -1px -1px;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card__head{
position:relative;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-icon{
display:grid;
place-items:center;
flex:0 0 42px;
width:42px;
height:42px;
border-radius:14px;
border:1px solid rgba(250,204,21,.34);
background:rgba(250,204,21,.12);
color:#facc15;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card__grid{
position:relative;
}
@media (max-width: 760px){
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-icon{
flex-basis:38px;
width:38px;
height:38px;
border-radius:13px;
}
}
/* R4X v1966 · Portfolio-Rahmen CTA icon alignment */
body[data-nav-tool="Portfolio Tracker"] .pt-ov-action-btn > span[aria-hidden="true"]{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
margin-right:6px !important;
transform:translateY(-.02em) !important;
}
/* R4X v2021 · Bitpanda Import Preview Premium UI */
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-modal,
body.pt-bitpanda-preview-open .pt-bitpanda-preview-modal{
background:
radial-gradient(circle at 18% 0%, rgba(242,211,111,.10), transparent 34%),
radial-gradient(circle at 78% 12%, rgba(64,156,255,.16), transparent 38%),
rgba(2,6,12,.88) !important;
backdrop-filter:blur(18px) saturate(135%) !important;
-webkit-backdrop-filter:blur(18px) saturate(135%) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog,
body.pt-bitpanda-preview-open .pt-bitpanda-preview-dialog{
width:min(1180px, calc(100vw - 28px)) !important;
max-height:min(92vh, 1180px) !important;
border-radius:24px !important;
overflow:hidden !important;
border:1px solid rgba(242,211,111,.34) !important;
background:
linear-gradient(145deg, rgba(7,14,26,.98), rgba(4,9,17,.99) 48%, rgba(8,21,36,.98)) !important;
box-shadow:0 30px 90px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__head,
body.pt-bitpanda-preview-open .pt-bitpanda-preview-dialog__head{
padding:24px 26px 16px !important;
border-bottom:1px solid rgba(255,255,255,.08) !important;
background:
radial-gradient(circle at 15% -20%, rgba(242,211,111,.10), transparent 34%),
linear-gradient(180deg, rgba(12,23,40,.92), rgba(7,14,26,.72)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__head .pt-kicker{
color:#f2d36f !important;
margin:0 0 6px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__head h2{
margin:0 !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal-x{
border-radius:12px !important;
border:1px solid rgba(255,255,255,.16) !important;
background:rgba(255,255,255,.055) !important;
color:#f8fafc !important;
width:40px !important;
height:40px !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__body{
padding:0 !important;
max-height:calc(min(92vh, 1180px) - 102px) !important;
overflow:auto !important;
scrollbar-gutter:stable !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-shell{
padding:22px 26px 24px !important;
color:#e8eef8 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-intro{
margin:0 0 20px !important;
max-width:1020px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-intro p{
margin:0 0 14px !important;
color:rgba(226,235,247,.82) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-meta{
display:flex !important;
flex-wrap:wrap !important;
gap:8px 10px !important;
align-items:center !important;
color:rgba(226,235,247,.82) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-meta span{
display:inline-flex !important;
align-items:center !important;
min-height:26px !important;
padding:5px 9px !important;
border-radius:999px !important;
border:1px solid rgba(255,255,255,.09) !important;
background:rgba(255,255,255,.035) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-section{
border:1px solid rgba(255,255,255,.105) !important;
border-radius:18px !important;
background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 18px 44px rgba(0,0,0,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-section-head{
margin:0 0 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-eyebrow{
margin:0 !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-section-head h3{
margin:6px 0 0 !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-overview{
padding:14px !important;
margin:0 0 18px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-stat-grid{
display:grid !important;
grid-template-columns:repeat(6, minmax(130px, 1fr)) !important;
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-stat-card{
min-height:82px !important;
padding:13px 14px !important;
border-radius:14px !important;
border:1px solid rgba(255,255,255,.10) !important;
background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
display:grid !important;
grid-template-columns:24px 1fr !important;
grid-template-rows:auto auto !important;
column-gap:10px !important;
align-items:start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-stat-card small{
color:rgba(226,235,247,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-stat-card strong{
grid-column:2 !important;
color:#f8fafc !important;
margin-top:4px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:24px !important;
height:24px !important;
border-radius:9px !important;
color:#f2d36f !important;
background:rgba(242,211,111,.10) !important;
border:1px solid rgba(242,211,111,.18) !important;
font-size:.78rem !important;
line-height:1 !important;
flex:0 0 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon:before{content:'•';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--cart:before{content:'↘';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--down:before{content:'↙';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--star:before{content:'★';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--swap:before{content:'⇄';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--stack:before{content:'▣';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--cloud:before{content:'⇧';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--transfer:before{content:'↔';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--alert:before{content:'!';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--trend:before{content:'↗';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--cash:before{content:'▤';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--euro:before{content:'€';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--info:before{content:'i';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--wallet:before{content:'▱';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--minus:before{content:'–';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--chain:before{content:'∞';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--gift:before{content:'✦';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--coin:before{content:'●';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--balance:before{content:'≋';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--check:before{content:'✓';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-top-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:14px !important;
margin:0 0 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-detail-heading{
margin:2px 0 0 !important;
padding:18px 2px 4px !important;
border-top:1px solid rgba(255,255,255,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-detail-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-import-choice,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-rules,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-side-stack > article{
padding:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card{
position:relative !important;
display:grid !important;
grid-template-columns:22px 1fr 38px !important;
gap:12px !important;
align-items:start !important;
padding:17px !important;
margin:0 0 12px !important;
border-radius:16px !important;
border:1px solid rgba(255,255,255,.12) !important;
background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)) !important;
cursor:pointer !important;
transition:border-color .2s ease, background .2s ease, transform .2s ease !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card input{
position:absolute !important;
inset:0 !important;
opacity:0 !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card:has(input:checked){
border-color:rgba(242,211,111,.72) !important;
background:linear-gradient(135deg, rgba(242,211,111,.105), rgba(255,255,255,.035)) !important;
box-shadow:0 0 0 1px rgba(242,211,111,.08), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-radio{
width:18px !important;
height:18px !important;
margin-top:2px !important;
border-radius:999px !important;
border:2px solid rgba(226,235,247,.46) !important;
box-shadow:inset 0 0 0 4px rgba(3,8,15,.88) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card:has(input:checked) .pt-bp-radio{
border-color:#f2d36f !important;
background:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card strong,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-rules h4,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-auto-card h4,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-manual-card h4{
display:block !important;
margin:0 !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card small,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-rules p,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-auto-card p,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-manual-card p,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-info-card p,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-result-card small,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-cashplus-summary p{
display:block !important;
margin:7px 0 0 !important;
color:rgba(226,235,247,.74) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-mark{
align-self:center !important;
justify-self:end !important;
color:rgba(242,211,111,.56) !important;
font-size:1.6rem !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-rules article{
display:grid !important;
grid-template-columns:34px 1fr !important;
gap:12px !important;
padding:13px !important;
border-radius:14px !important;
border:1px solid rgba(255,255,255,.10) !important;
background:rgba(255,255,255,.03) !important;
margin:0 0 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-rule-lock{
width:30px !important;
height:30px !important;
border-radius:10px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
color:#f2d36f !important;
border:1px solid rgba(242,211,111,.18) !important;
background:rgba(242,211,111,.085) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-side-stack{
display:grid !important;
gap:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-info-card,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-result-card{
border:1px solid rgba(255,255,255,.105) !important;
border-radius:18px !important;
background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 18px 44px rgba(0,0,0,.16) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-info-card p{
display:flex !important;
gap:10px !important;
align-items:flex-start !important;
border:1px solid rgba(91,169,255,.22) !important;
background:rgba(73,151,255,.10) !important;
padding:13px !important;
border-radius:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-result-lines{
display:grid !important;
gap:10px !important;
margin:4px 0 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-result-lines p{
margin:0 !important;
display:flex !important;
align-items:center !important;
gap:10px !important;
color:rgba(226,235,247,.82) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-result-lines strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-processing-grid{
display:grid !important;
grid-template-columns:minmax(310px, .62fr) minmax(520px, 1.38fr) !important;
gap:14px !important;
margin:14px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-manual-section,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-auto-section{
padding:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-manual-card{
padding:14px !important;
border-radius:16px !important;
border:1px solid rgba(242,181,73,.30) !important;
background:linear-gradient(180deg, rgba(242,181,73,.10), rgba(242,181,73,.035)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-manual-card.is-ok{
border-color:rgba(75,222,128,.25) !important;
background:rgba(75,222,128,.06) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-card-title{
display:flex !important;
align-items:flex-start !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-card-title small{
color:rgba(226,235,247,.68) !important;
margin-top:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-card-title em{
margin-left:auto !important;
color:#f2d36f !important;
background:rgba(242,211,111,.12) !important;
border:1px solid rgba(242,211,111,.22) !important;
border-radius:999px !important;
padding:4px 8px !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-transaction-list{
margin-top:13px !important;
border-top:1px solid rgba(255,255,255,.08) !important;
padding-top:11px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-transaction-row{
display:grid !important;
grid-template-columns:1fr auto auto !important;
gap:10px !important;
align-items:center !important;
padding:11px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-transaction-row + .pt-bp-transaction-row{
border-top:1px solid rgba(255,255,255,.07) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-transaction-asset strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-transaction-asset small{
margin-left:2px !important;
color:rgba(226,235,247,.62) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-transaction-amount,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-transaction-value{
color:#f8fafc !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-transaction-meta{
grid-column:1 / -1 !important;
color:rgba(226,235,247,.56) !important;
word-break:break-word !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-auto-grid{
display:grid !important;
grid-template-columns:repeat(2, minmax(240px, 1fr)) !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-auto-card{
display:grid !important;
grid-template-columns:32px 1fr !important;
gap:11px !important;
padding:13px !important;
border-radius:15px !important;
border:1px solid rgba(255,255,255,.10) !important;
background:rgba(255,255,255,.03) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-auto-title{
display:flex !important;
align-items:flex-start !important;
gap:8px !important;
justify-content:space-between !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-auto-title strong{
color:rgba(226,235,247,.68) !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-status-chip{
display:inline-flex !important;
margin-top:5px !important;
padding:3px 7px !important;
border-radius:999px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-status-chip.is-blue{
color:#b8dcff !important;
background:rgba(89,169,255,.13) !important;
border:1px solid rgba(89,169,255,.22) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-status-chip.is-green{
color:#baf7ce !important;
background:rgba(75,222,128,.12) !important;
border:1px solid rgba(75,222,128,.22) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-cashplus-summary{
padding:16px !important;
margin:14px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-notes{
padding:14px !important;
margin:14px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-notes > div{
display:grid !important;
grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-notes article{
display:grid !important;
grid-template-columns:28px 1fr !important;
gap:10px !important;
align-items:flex-start !important;
padding:12px !important;
border-radius:14px !important;
border:1px solid rgba(255,255,255,.10) !important;
background:rgba(255,255,255,.03) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-notes p{
margin:0 !important;
color:rgba(226,235,247,.74) !important;
}
/* R4X v2051: Bitpanda-Vorschau CTAs bewusst nicht sticky, damit Import-Auswahl zuerst gesehen wird. */
body[data-nav-tool="Portfolio Tracker"] .pt-bp-actions{
position:static !important;
bottom:auto !important;
z-index:auto !important;
margin:20px 0 0 !important;
padding:16px 0 0 !important;
background:transparent !important;
border-top:1px solid rgba(255,255,255,.10) !important;
justify-content:flex-end !important;
gap:14px !important;
backdrop-filter:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-actions .pt-btn--primary{
min-width:260px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-actions .pt-btn--primary:after{
content:'›' !important;
margin-left:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-actions .pt-btn--secondary{
min-width:190px !important;
}
@media (max-width:1040px){
body[data-nav-tool="Portfolio Tracker"] .pt-bp-stat-grid{grid-template-columns:repeat(3, minmax(0,1fr)) !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-top-grid,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-processing-grid{grid-template-columns:1fr !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-notes > div{grid-template-columns:1fr !important;}
}
@media (max-width:680px){
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-modal,
body.pt-bitpanda-preview-open .pt-bitpanda-preview-modal{padding:8px !important;align-items:flex-end !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog,
body.pt-bitpanda-preview-open .pt-bitpanda-preview-dialog{width:100% !important;max-height:94vh !important;border-radius:22px 22px 0 0 !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__head{padding:18px 18px 12px !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__body{max-height:calc(94vh - 88px) !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-shell{padding:16px !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-stat-grid,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-auto-grid{grid-template-columns:1fr !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card{grid-template-columns:22px 1fr !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-mark{display:none !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-actions{margin:18px 0 0 !important;padding:14px 0 0 !important;display:grid !important;grid-template-columns:1fr !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-actions .pt-btn{width:100% !important;min-width:0 !important;}
}
/* R4X v2037 · Positionsmodal: Pflichtbereich linearisiert, innere Boxen reduziert. */
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step{
background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006)) !important;
border:1px solid rgba(244,212,116,.24) !important;
box-shadow:inset 0 1px 0 rgba(244,212,116,.04) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-step-helper{
margin:-8px 0 18px !important;
max-width:760px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-linear-section-label{
margin:20px 0 9px !important;
padding:14px 0 0 !important;
border-top:1px solid rgba(255,255,255,.075) !important;
color:rgba(226,235,247,.92) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-input-mode-panel + .pt-linear-section-label,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step > .pt-linear-section-label:first-of-type{
margin-top:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-input-mode-panel{
margin:2px 0 18px !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-input-mode-panel[hidden]{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-title{
margin:0 0 8px !important;
color:rgba(155,168,189,.92) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-grid{
gap:0 !important;
padding:4px !important;
border:1px solid rgba(255,255,255,.13) !important;
border-radius:14px !important;
background:rgba(5,12,21,.52) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card{
min-height:0 !important;
border:0 !important;
border-radius:10px !important;
background:transparent !important;
padding:12px 14px !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card + .pt-input-mode-card{
border-left:1px solid rgba(255,255,255,.08) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card.is-active{
background:linear-gradient(180deg, rgba(244,212,116,.18), rgba(244,212,116,.07)) !important;
box-shadow:inset 0 0 0 1px rgba(244,212,116,.32) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step #avg-price-field,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step #invested-total-field,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step #transaction-date-field{
margin:0 0 16px !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field > span,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-mode > span{
color:rgba(185,197,216,.92) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field > input{
min-height:46px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field > small{
margin-top:0 !important;
color:rgba(155,168,189,.78) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-mode{
margin:0 0 8px !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-mode::after{
content:none !important;
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-mode > span{
margin:0 0 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-mode-buttons{
border-radius:14px !important;
padding:4px !important;
background:rgba(5,12,21,.52) !important;
border:1px solid rgba(255,255,255,.13) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-mode-buttons button{
border-radius:10px !important;
min-height:40px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-mode-hint{
margin:0 0 18px !important;
padding:0 0 16px !important;
border-bottom:1px solid rgba(255,255,255,.075) !important;
color:rgba(155,168,189,.82) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field.pt-field-disabled,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field:has(input:disabled),
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field:has(input[readonly]){
display:grid !important;
grid-template-columns:minmax(0,1fr) auto !important;
gap:4px 12px !important;
align-items:start !important;
margin:2px 0 18px !important;
padding:12px 0 14px !important;
border-top:1px solid rgba(255,255,255,.075) !important;
border-bottom:1px solid rgba(255,255,255,.075) !important;
opacity:1 !important;
pointer-events:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field.pt-field-disabled > span,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field:has(input:disabled) > span,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field:has(input[readonly]) > span{
grid-column:1 / 2 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field.pt-field-disabled > span::after,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field:has(input:disabled) > span::after,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field:has(input[readonly]) > span::after{
content:"Automatisch berechnet" !important;
display:inline-flex !important;
margin-left:8px !important;
padding:2px 7px !important;
border-radius:999px !important;
border:1px solid rgba(244,212,116,.26) !important;
background:rgba(244,212,116,.08) !important;
color:#f2d36f !important;
vertical-align:middle !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field.pt-field-disabled > input,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field:has(input:disabled) > input,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field:has(input[readonly]) > input{
grid-column:1 / -1 !important;
min-height:0 !important;
padding:2px 0 0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
color:rgba(226,235,247,.92) !important;
cursor:default !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field.pt-field-disabled > small,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field:has(input:disabled) > small,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-field:has(input[readonly]) > small{
grid-column:1 / -1 !important;
padding-left:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step #transaction-date-field{
margin-bottom:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step #dca-hint:not([hidden]){
margin-top:14px !important;
}
@media (max-width:520px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-grid{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-input-mode-card + .pt-input-mode-card{
border-left:0 !important;
border-top:1px solid rgba(255,255,255,.08) !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-step-helper{
margin:-4px 0 16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-linear-section-label{
margin-top:16px !important;
padding-top:12px !important;
}
}
/* R4X v2064 · Bitpanda CSV Vorschau: Copy-Hierarchie und Nutzerhinweise */
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-modal,
body.pt-bitpanda-preview-open .pt-bitpanda-preview-modal{
padding:18px !important;
align-items:center !important;
justify-content:center !important;
background:
radial-gradient(circle at 16% 0%, rgba(242,211,111,.10), transparent 30%),
radial-gradient(circle at 82% 8%, rgba(63,145,255,.14), transparent 36%),
rgba(1,6,14,.90) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog,
body.pt-bitpanda-preview-open .pt-bitpanda-preview-dialog{
display:flex !important;
flex-direction:column !important;
width:min(1240px, calc(100vw - 36px)) !important;
max-height:min(94vh, 1120px) !important;
border-radius:22px !important;
overflow:hidden !important;
border:1px solid rgba(232,211,140,.26) !important;
background:linear-gradient(145deg, rgba(7,16,29,.98), rgba(4,10,19,.99) 48%, rgba(7,20,35,.98)) !important;
box-shadow:0 30px 95px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__head,
body.pt-bitpanda-preview-open .pt-bitpanda-preview-dialog__head{
flex:0 0 auto !important;
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
gap:18px !important;
padding:22px 24px 18px !important;
border-bottom:1px solid rgba(255,255,255,.075) !important;
background:linear-gradient(180deg, rgba(13,27,46,.88), rgba(7,15,27,.72)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-title-lockup{
display:grid !important;
grid-template-columns:42px 1fr !important;
gap:14px !important;
align-items:center !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-title-icon{
width:42px !important;
height:42px !important;
border-radius:13px !important;
font-size:1rem !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__head .pt-kicker{
margin:0 0 4px !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__head h2{
margin:0 !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-header-copy{
margin:6px 0 0 !important;
max-width:640px !important;
color:rgba(226,235,247,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal-x{
flex:0 0 auto !important;
width:40px !important;
height:40px !important;
border-radius:13px !important;
border:1px solid rgba(255,255,255,.14) !important;
background:rgba(255,255,255,.055) !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__body{
flex:1 1 auto !important;
padding:0 !important;
max-height:none !important;
overflow:auto !important;
scrollbar-gutter:stable !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-shell{
padding:22px 24px 0 !important;
color:#e8eef8 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-intro{
margin:0 0 16px !important;
max-width:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-meta-grid{
display:grid !important;
grid-template-columns:1.45fr .55fr .9fr .75fr .68fr !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-meta-card{
min-width:0 !important;
display:grid !important;
grid-template-columns:28px 1fr !important;
gap:10px !important;
align-items:center !important;
padding:12px 13px !important;
border-radius:14px !important;
border:1px solid rgba(255,255,255,.095) !important;
background:linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.022)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-meta-card span:last-child{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-meta-card small{
display:block !important;
margin:0 0 2px !important;
color:rgba(226,235,247,.58) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-meta-card strong{
display:block !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-section{
margin:0 0 14px !important;
padding:15px !important;
border-radius:18px !important;
border:1px solid rgba(255,255,255,.10) !important;
background:linear-gradient(180deg, rgba(255,255,255,.043), rgba(255,255,255,.017)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.048), 0 16px 34px rgba(0,0,0,.14) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-step-title{
display:grid !important;
grid-template-columns:26px 1fr !important;
gap:10px !important;
align-items:start !important;
margin:0 0 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-step-number{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:22px !important;
height:22px !important;
margin-top:1px !important;
border-radius:999px !important;
color:#08111f !important;
background:#e8eef8 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-step-title h3{
margin:0 !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-step-title p{
margin:4px 0 0 !important;
color:rgba(226,235,247,.62) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-sub-title{
margin:0 0 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-sub-title h3{
margin:0 !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-copy .pt-bp-choice-info{
margin-top:10px !important;
padding-top:9px !important;
border-top:1px solid rgba(255,255,255,.085) !important;
color:rgba(226,235,247,.78) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card:has(input:checked) .pt-bp-choice-copy .pt-bp-choice-info{
color:rgba(255,246,212,.86) !important;
border-top-color:rgba(242,211,111,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-grid{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card{
position:relative !important;
display:grid !important;
grid-template-columns:24px 1fr 24px !important;
gap:12px !important;
align-items:start !important;
min-height:112px !important;
margin:0 !important;
padding:17px !important;
border-radius:16px !important;
border:1px solid rgba(255,255,255,.115) !important;
background:linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.016)) !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card input{
position:absolute !important;
inset:0 !important;
opacity:0 !important;
cursor:pointer !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card:has(input:checked){
border-color:rgba(242,211,111,.82) !important;
background:linear-gradient(135deg, rgba(242,211,111,.115), rgba(255,255,255,.024)) !important;
box-shadow:0 0 0 1px rgba(242,211,111,.11), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-radio{
width:20px !important;
height:20px !important;
margin-top:2px !important;
border-radius:999px !important;
border:2px solid rgba(171,187,207,.75) !important;
background:rgba(255,255,255,.02) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card:has(input:checked) .pt-bp-radio{
border-color:#f2d36f !important;
box-shadow:inset 0 0 0 4px rgba(7,16,29,1), inset 0 0 0 10px #f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-copy strong,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-copy .pt-bp-choice-title{
display:block !important;
margin:0 0 6px !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-copy small{
display:block !important;
color:rgba(226,235,247,.68) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-mark{
display:none !important;
align-items:center !important;
justify-content:center !important;
width:22px !important;
height:22px !important;
border-radius:999px !important;
background:#f2d36f !important;
color:#1b1404 !important;
font-size:.78rem !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card:has(input:checked) .pt-bp-choice-mark{
display:inline-flex !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-summary-grid{
display:grid !important;
grid-template-columns:repeat(6, minmax(0,1fr)) !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-summary-card{
min-width:0 !important;
min-height:104px !important;
display:grid !important;
grid-template-columns:30px 1fr !important;
gap:11px !important;
align-items:flex-start !important;
padding:14px !important;
border-radius:15px !important;
border:1px solid rgba(255,255,255,.095) !important;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-summary-card.is-cash{
border-color:rgba(51,214,129,.25) !important;
background:linear-gradient(180deg, rgba(51,214,129,.105), rgba(255,255,255,.018)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-summary-card.is-ok{
border-color:rgba(75,222,128,.18) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-summary-card.is-warn{
border-color:rgba(242,181,73,.30) !important;
background:linear-gradient(180deg, rgba(242,181,73,.10), rgba(255,255,255,.018)) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-summary-card small,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-summary-card em{
display:block !important;
color:rgba(226,235,247,.66) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-summary-card strong{
display:block !important;
margin:5px 0 4px !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:28px !important;
height:28px !important;
border-radius:10px !important;
color:#f2d36f !important;
background:rgba(242,211,111,.105) !important;
border:1px solid rgba(242,211,111,.18) !important;
font-size:.86rem !important;
line-height:1 !important;
flex:0 0 auto !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon:before{content:'•';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--file:before{content:'□';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--list:before{content:'☰';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--time:before{content:'◷';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--chart:before{content:'↗';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--cart:before{content:'↘';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--down:before{content:'↙';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--star:before{content:'★';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--swap:before{content:'⇄';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--stack:before{content:'▣';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--cloud:before{content:'⇧';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--transfer:before{content:'↔';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--alert:before{content:'!';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--trend:before{content:'↗';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--cash:before{content:'▤';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--euro:before{content:'€';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--info:before{content:'i';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--wallet:before{content:'▱';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--minus:before{content:'–';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--shield:before{content:'◇';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-icon--check:before{content:'✓';}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-main-grid{
display:grid !important;
grid-template-columns:minmax(0, 1.06fr) minmax(360px, .94fr) !important;
gap:14px !important;
align-items:start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-margin-audit,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-categories{
min-height:100% !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-audit-pills{
display:flex !important;
flex-wrap:wrap !important;
gap:7px !important;
margin:0 0 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-pill{
display:inline-flex !important;
align-items:center !important;
min-height:26px !important;
padding:4px 9px !important;
border-radius:999px !important;
border:1px solid rgba(255,255,255,.105) !important;
background:rgba(255,255,255,.035) !important;
color:rgba(226,235,247,.74) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-pill.is-ok{
color:#a7f3c5 !important;
border-color:rgba(55,205,122,.25) !important;
background:rgba(55,205,122,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-pill.is-warn,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-pill.is-alert{
color:#ffe5a3 !important;
border-color:rgba(242,181,73,.28) !important;
background:rgba(242,181,73,.10) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-audit-list{
overflow:hidden !important;
border-radius:13px !important;
border:1px solid rgba(255,255,255,.075) !important;
background:rgba(2,8,16,.20) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-audit-head,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-audit-row{
display:grid !important;
grid-template-columns:.5fr 1.05fr .8fr 1.9fr !important;
gap:10px !important;
align-items:center !important;
padding:9px 11px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-audit-head{
color:rgba(226,235,247,.50) !important;
border-bottom:1px solid rgba(255,255,255,.06) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-audit-row{
color:rgba(226,235,247,.82) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-audit-row + .pt-bp-audit-row{
border-top:1px solid rgba(255,255,255,.055) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-audit-row strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-audit-row em{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-small{
display:flex !important;
gap:9px !important;
align-items:flex-start !important;
margin:12px 0 0 !important;
color:rgba(226,235,247,.70) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-small .pt-bp-icon{
width:22px !important;
height:22px !important;
border-radius:999px !important;
font-size:.74rem !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-category-grid{
display:grid !important;
grid-template-columns:repeat(2, minmax(0,1fr)) !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-category-card{
display:grid !important;
grid-template-columns:28px 1fr auto !important;
gap:10px !important;
align-items:center !important;
min-height:54px !important;
padding:10px 11px !important;
border-radius:13px !important;
border:1px solid rgba(255,255,255,.085) !important;
background:rgba(255,255,255,.027) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-category-card span:nth-child(2){
color:rgba(226,235,247,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-category-card strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-details{
margin-bottom:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-accordion{
display:grid !important;
grid-template-columns:repeat(4, minmax(0,1fr)) !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-accordion-item{
border-radius:14px !important;
border:1px solid rgba(255,255,255,.095) !important;
background:rgba(255,255,255,.028) !important;
overflow:hidden !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-accordion-item summary{
list-style:none !important;
display:grid !important;
grid-template-columns:1fr 18px !important;
gap:8px !important;
align-items:center !important;
padding:12px 14px !important;
cursor:pointer !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-accordion-item summary::-webkit-details-marker{display:none !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-accordion-item summary:after{
content:'⌄' !important;
color:rgba(226,235,247,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-accordion-item[open] summary:after{content:'⌃' !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-accordion-item summary small{
grid-column:1 !important;
display:block !important;
margin-top:3px !important;
color:rgba(226,235,247,.58) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-accordion-content{
padding:0 14px 14px !important;
color:rgba(226,235,247,.70) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-accordion-content article + article{
margin-top:10px !important;
padding-top:10px !important;
border-top:1px solid rgba(255,255,255,.07) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-accordion-content h4{
margin:0 0 4px !important;
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-accordion-content p{
margin:0 !important;
color:rgba(226,235,247,.70) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-note-list article{
display:grid !important;
grid-template-columns:24px 1fr !important;
gap:8px !important;
align-items:flex-start !important;
padding:9px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-note-list article + article{
border-top:1px solid rgba(255,255,255,.07) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-note-list strong{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-muted{
margin:0 !important;
color:rgba(226,235,247,.58) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-processing-grid{
margin:0 0 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-actions{
position:sticky !important;
bottom:0 !important;
z-index:8 !important;
margin:18px -24px 0 !important;
padding:14px 24px !important;
display:flex !important;
justify-content:flex-end !important;
gap:12px !important;
border-top:1px solid rgba(255,255,255,.10) !important;
background:linear-gradient(180deg, rgba(7,16,29,.78), rgba(4,10,19,.98) 42%) !important;
backdrop-filter:blur(14px) !important;
-webkit-backdrop-filter:blur(14px) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-actions .pt-btn--secondary{
min-width:190px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-actions .pt-btn--primary{
min-width:270px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-actions .pt-btn--primary:after{content:none !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-cta-short{display:none !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-currency-alert{
margin:0 0 14px !important;
border-radius:15px !important;
}
@media (max-width:1100px){
body[data-nav-tool="Portfolio Tracker"] .pt-bp-meta-grid{grid-template-columns:1.2fr .55fr 1fr .8fr .7fr !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-summary-grid{grid-template-columns:repeat(3, minmax(0,1fr)) !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-main-grid{grid-template-columns:1fr !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-accordion{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-modal,
body.pt-bitpanda-preview-open .pt-bitpanda-preview-modal{
padding:8px !important;
align-items:flex-end !important;
justify-content:flex-end !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog,
body.pt-bitpanda-preview-open .pt-bitpanda-preview-dialog{
width:100% !important;
max-height:94dvh !important;
border-radius:22px 22px 0 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-dialog__head{
padding:18px 16px 14px !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-title-lockup{
grid-template-columns:38px 1fr !important;
gap:11px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-title-icon{
width:38px !important;
height:38px !important;
border-radius:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-modal-x{
width:38px !important;
height:38px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-shell{
padding:16px 14px 0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-meta-grid{
grid-template-columns:1fr 1fr !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-meta-card:first-child,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-meta-card:nth-child(3){
grid-column:1 / -1 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-grid,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-main-grid,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-accordion{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card{
min-height:0 !important;
grid-template-columns:22px 1fr 22px !important;
padding:15px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-summary-grid{
grid-template-columns:repeat(2, minmax(0,1fr)) !important;
gap:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-summary-card{
min-height:98px !important;
grid-template-columns:28px 1fr !important;
padding:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-audit-head{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-audit-row{
grid-template-columns:.55fr 1.05fr .85fr !important;
gap:7px 9px !important;
padding:10px 11px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-audit-row em{
grid-column:1 / -1 !important;
color:rgba(248,250,252,.90) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-category-grid{
grid-template-columns:1fr 1fr !important;
gap:8px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-category-card{
grid-template-columns:26px 1fr !important;
gap:8px !important;
min-height:62px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-category-card strong{
grid-column:2 !important;
justify-self:start !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-actions{
margin:16px -14px 0 !important;
padding:12px 14px calc(12px + env(safe-area-inset-bottom)) !important;
display:grid !important;
grid-template-columns:.85fr 1.15fr !important;
gap:10px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-actions .pt-btn{
width:100% !important;
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-cta-long{display:none !important;}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-cta-short{display:inline !important;}
}
@media (max-width:420px){
body[data-nav-tool="Portfolio Tracker"] .pt-bp-summary-grid,
body[data-nav-tool="Portfolio Tracker"] .pt-bp-category-grid{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-actions{
grid-template-columns:1fr !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-actions .pt-btn--primary{
order:-1 !important;
}
}
/* R4X v2066 · Bitpanda Importauswahl: Sinnvoll-Hinweise klarer scannbar */
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-copy .pt-bp-choice-info{
position:relative !important;
display:grid !important;
grid-template-columns:auto 1fr !important;
align-items:start !important;
gap:8px !important;
margin-top:12px !important;
padding:9px 10px !important;
border-top:0 !important;
border-radius:12px !important;
border:1px solid rgba(242,211,111,.20) !important;
background:linear-gradient(135deg, rgba(242,211,111,.105), rgba(255,255,255,.025)) !important;
color:rgba(255,248,222,.88) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-card:has(input:checked) .pt-bp-choice-copy .pt-bp-choice-info{
border-top:0 !important;
border-color:rgba(242,211,111,.34) !important;
background:linear-gradient(135deg, rgba(242,211,111,.145), rgba(255,255,255,.032)) !important;
color:rgba(255,250,231,.94) !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-info .pt-bp-choice-info-kicker{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:20px !important;
padding:2px 7px !important;
border-radius:999px !important;
border:1px solid rgba(242,211,111,.28) !important;
background:rgba(242,211,111,.13) !important;
color:#f2d36f !important;
white-space:nowrap !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-info span:last-child{
display:block !important;
color:inherit !important;
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-copy .pt-bp-choice-info{
grid-template-columns:1fr !important;
gap:6px !important;
margin-top:10px !important;
padding:9px !important;
}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-choice-info .pt-bp-choice-info-kicker{
width:max-content !important;
}
}
/* R4X v2362 · Positionsablauf: klare FHD-Typografie, gegliederte Pflichtdaten und kompakter Edit-Kontext. */
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head{
position:sticky !important;
top:0 !important;
z-index:8 !important;
background:linear-gradient(180deg, rgba(17,28,43,.99), rgba(11,20,33,.98)) !important;
border-bottom:1px solid rgba(242,211,111,.28) !important;
box-shadow:0 14px 30px rgba(0,0,0,.22) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main{
grid-template-columns:minmax(310px,360px) minmax(0,1fr) !important;
column-gap:22px !important;
row-gap:18px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main.has-existing-position-context{
grid-template-columns:minmax(0,1fr) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step:not(.pt-form-step--actions){
position:relative !important;
border-color:rgba(137,158,187,.18) !important;
background:linear-gradient(180deg,rgba(255,255,255,.021),rgba(255,255,255,.006)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step > .pt-step-label,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-change-head .pt-step-label,
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-journal-toggle .pt-step-label{
gap:10px !important;
min-height:34px !important;
padding:0 0 13px !important;
margin:0 0 14px !important;
border-bottom:1px solid rgba(255,255,255,.09) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-label::before{
content:none !important;
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-index{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 29px !important;
width:29px !important;
height:29px !important;
border-radius:9px !important;
border:1px solid rgba(152,176,208,.30) !important;
background:rgba(116,145,181,.13) !important;
color:#dce8f8 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-title{
color:#f8fafc !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-asset-step{
border-left:3px solid rgba(116,154,199,.65) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-asset-step.is-complete{
border-color:rgba(104,199,153,.34) !important;
border-left-color:#68c799 !important;
background:linear-gradient(150deg,rgba(64,153,111,.09),rgba(255,255,255,.008) 58%) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-asset-step.is-complete::after{
content:"Ausgewählt" !important;
position:absolute !important;
top:22px !important;
right:18px !important;
padding:3px 8px !important;
border-radius:999px !important;
border:1px solid rgba(104,199,153,.34) !important;
background:rgba(64,153,111,.10) !important;
color:#8be0b3 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-asset-step.is-complete .pt-step-index{
border-color:rgba(104,199,153,.42) !important;
background:rgba(64,153,111,.18) !important;
color:#9be5bc !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-change-step{
border:1px solid rgba(242,211,111,.34) !important;
border-left:3px solid #d7ae35 !important;
background:
radial-gradient(440px 160px at 96% 0%,rgba(242,211,111,.055),transparent 70%),
linear-gradient(180deg,rgba(242,211,111,.026),rgba(255,255,255,.006)) !important;
box-shadow:inset 0 1px 0 rgba(242,211,111,.055),0 14px 30px rgba(0,0,0,.12) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-step-index,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-change-step .pt-step-index{
border-color:rgba(242,211,111,.44) !important;
background:rgba(242,211,111,.14) !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .has-change-flow-selection #position-change-step{
border-color:rgba(104,199,153,.36) !important;
border-left-color:#68c799 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .is-position-edit #position-asset-step .pt-search-field,
body[data-nav-tool="Portfolio Tracker"] #position-modal .is-position-edit #position-asset-step .pt-chip-grid,
body[data-nav-tool="Portfolio Tracker"] #position-modal .is-position-edit #position-asset-step .pt-results,
body[data-nav-tool="Portfolio Tracker"] #position-modal .is-position-edit #position-asset-step .pt-step-helper{
display:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .is-position-edit #position-asset-step .pt-selected{
margin:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step--journal .pt-journal-toggle{
border-style:dashed !important;
border-color:rgba(151,165,186,.24) !important;
background:rgba(255,255,255,.012) !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step--journal .pt-step-index{
flex-basis:25px !important;
width:25px !important;
height:25px !important;
border-color:rgba(151,165,186,.24) !important;
background:rgba(255,255,255,.035) !important;
color:rgba(210,221,236,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-step--journal .pt-step-title{
color:rgba(225,233,244,.84) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head > div{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head .pt-kicker{
margin:0 0 5px !important;
color:#f2d36f !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-head h2{
margin:0 !important;
color:#f7f9fc !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-subline{
display:block !important;
max-width:70ch !important;
margin:7px 0 0 !important;
color:rgba(194,206,223,.78) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step > .pt-step-helper{
max-width:72ch !important;
margin:-7px 0 18px !important;
color:rgba(190,203,221,.78) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-groups{
display:grid !important;
grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
gap:14px !important;
align-items:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-group{
position:relative !important;
min-width:0 !important;
padding:16px !important;
overflow:hidden !important;
border:1px solid rgba(151,169,193,.17) !important;
border-radius:15px !important;
background:linear-gradient(180deg,rgba(9,19,31,.72),rgba(5,13,22,.56)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-group::before{
content:"" !important;
position:absolute !important;
inset:0 auto 0 0 !important;
width:3px !important;
background:rgba(119,165,207,.76) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-group--valuation{
border-color:rgba(242,211,111,.22) !important;
background:
radial-gradient(300px 120px at 100% 0%,rgba(242,211,111,.065),transparent 68%),
linear-gradient(180deg,rgba(14,22,32,.86),rgba(6,14,23,.66)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-group--valuation::before{
background:#d7ae35 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-group--origin{
grid-column:1 / -1 !important;
border-color:rgba(104,199,153,.18) !important;
background:
radial-gradient(360px 110px at 100% 0%,rgba(104,199,153,.045),transparent 70%),
linear-gradient(180deg,rgba(9,19,29,.72),rgba(5,13,22,.52)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-group--origin::before{
background:rgba(104,199,153,.72) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-group-head{
display:flex !important;
align-items:baseline !important;
justify-content:space-between !important;
gap:12px !important;
margin:0 0 15px !important;
padding:0 0 11px !important;
border-bottom:1px solid rgba(255,255,255,.075) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group-head .pt-linear-section-label{
margin:0 !important;
padding:0 !important;
border:0 !important;
color:#eef4fc !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-group-head > span{
color:rgba(160,176,198,.72) !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-origin-grid{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
gap:0 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-origin-grid #position-location-field{
grid-column:1 / -1 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group .pt-field,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group #avg-price-field,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group #invested-total-field,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group #transaction-date-field{
margin:0 0 14px !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group .pt-field:last-child,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group #transaction-date-field:last-child{
margin-bottom:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group .pt-field > span,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group .pt-mode > span{
margin:0 0 7px !important;
color:rgba(216,225,238,.90) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group .pt-field > small{
margin:6px 0 0 !important;
color:rgba(161,176,197,.78) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group input,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group select{
min-height:46px !important;
padding:10px 13px !important;
color:#f4f7fb !important;
font-variant-numeric:tabular-nums !important;
background:rgba(3,10,18,.72) !important;
border-color:rgba(158,178,204,.20) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group input:focus,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group select:focus{
border-color:rgba(242,211,111,.58) !important;
box-shadow:0 0 0 3px rgba(242,211,111,.085) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group .pt-mode{
margin:0 0 8px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group .pt-mode-buttons{
padding:3px !important;
border-radius:12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group .pt-mode-buttons button{
min-height:39px !important;
padding:8px 10px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group .pt-mode-hint{
margin:0 0 14px !important;
padding:0 !important;
border:0 !important;
color:rgba(161,176,197,.76) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group .pt-field.pt-field-disabled,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group .pt-field:has(input:disabled),
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-value-step .pt-value-group .pt-field:has(input[readonly]){
margin:0 !important;
padding:12px 0 0 !important;
border-top:1px solid rgba(255,255,255,.075) !important;
border-bottom:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-change-step .pt-change-option-grid{
grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-change-step .pt-change-flow-card{
min-width:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-change-step .pt-change-flow-card strong,
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-change-step .pt-change-flow-card small{
white-space:normal !important;
overflow:visible !important;
text-overflow:clip !important;
}
@media (min-width:981px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main:not(.has-existing-position-context) #position-asset-step{
position:sticky !important;
top:112px !important;
align-self:start !important;
z-index:2 !important;
}
}
@media (min-width:1200px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main.has-existing-position-context{
grid-template-columns:minmax(310px,360px) minmax(0,1fr) !important;
grid-template-areas:
"asset change"
"value value"
"journal journal"
"actions actions" !important;
}
}
@media (min-width:1440px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-card{
width:min(1380px,calc(100vw - 64px)) !important;
max-width:min(1380px,calc(100vw - 64px)) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form{
padding:24px 28px 28px !important;
}
}
@media (max-width:980px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-form-grid-main{
grid-template-columns:minmax(0,1fr) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-groups{
grid-template-columns:minmax(0,1fr) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-group--origin{
grid-column:auto !important;
}
}
@media (max-width:760px){
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-step-index{
flex-basis:27px !important;
width:27px !important;
height:27px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal #position-asset-step.is-complete::after{
top:18px !important;
right:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-modal-subline{
margin-top:5px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-group{
padding:14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-group-head{
display:grid !important;
gap:3px !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-group-head > span{
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-origin-grid{
grid-template-columns:minmax(0,1fr) !important;
}
body[data-nav-tool="Portfolio Tracker"] #position-modal .pt-value-origin-grid #position-location-field{
grid-column:auto !important;
}
}
/* Abschließende Kaskade: neue Aufgabenstruktur gewinnt gegen ältere Datenkarten-Regeln. */
html body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-workspace .pt-data-group .pt-btn,
html body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-workspace .pt-data-group .pt-import{
white-space:nowrap !important;
}
@media (max-width:760px){
html body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-workspace .pt-data-group .pt-btn,
html body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-workspace .pt-data-group .pt-import{
white-space:normal !important;
}
}
/* ==========================================================================
AUTHORITATIVE TRACKER DESIGN SYSTEM v2754
No visual override waves below this section.
========================================================================== */
body[data-nav-tool="Portfolio Tracker"] {
--pt-bg:#101010;
--pt-surface:#141416;
--pt-surface-raised:#18181b;
--pt-surface-inner:#111113;
--pt-line:rgba(255,255,255,.085);
--pt-line-strong:rgba(255,255,255,.14);
--pt-text:#f5f5f0;
--pt-text-2:rgba(245,245,240,.72);
--pt-text-3:rgba(245,245,240,.48);
--pt-gold:#d4af37;
--pt-gold-2:#f0cf70;
--pt-gold-bg:rgba(212,175,55,.09);
--pt-gold-line:rgba(212,175,55,.32);
--pt-silver:#c9d1df;
--pt-success:#65b879;
--pt-warning:#d6a24a;
--pt-danger:#dd6b6b;
--pt-radius-card:16px;
--pt-radius-inner:12px;
--pt-radius-control:10px;
--pt-shadow:none;
color:var(--pt-text);
background:var(--pt-bg);
font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
font-size:14px;
font-weight:400;
line-height:1.55;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
}
body[data-nav-tool="Portfolio Tracker"] .pt-page,
body[data-nav-tool="Portfolio Tracker"] .pt-page input,
body[data-nav-tool="Portfolio Tracker"] .pt-page select,
body[data-nav-tool="Portfolio Tracker"] .pt-page textarea,
body[data-nav-tool="Portfolio Tracker"] .pt-page button { font-family:inherit; }
body[data-nav-tool="Portfolio Tracker"] .pt-page h1,
body[data-nav-tool="Portfolio Tracker"] .pt-page h2,
body[data-nav-tool="Portfolio Tracker"] .pt-page h3,
body[data-nav-tool="Portfolio Tracker"] .pt-page h4,
body[data-nav-tool="Portfolio Tracker"] .pt-page h5,
body[data-nav-tool="Portfolio Tracker"] .pt-page h6,
body[data-nav-tool="Portfolio Tracker"] .pt-page p { margin-top:0; }
body[data-nav-tool="Portfolio Tracker"] .pt-page h1 { font-size:clamp(26px,3vw,32px); line-height:1.18; font-weight:600; letter-spacing:-.025em; }
body[data-nav-tool="Portfolio Tracker"] .pt-page h2,
body[data-nav-tool="Portfolio Tracker"] .pt-section-title { font-size:18px; line-height:1.3; font-weight:600; letter-spacing:-.01em; color:var(--pt-text); }
body[data-nav-tool="Portfolio Tracker"] .pt-page h3 { font-size:16px; line-height:1.35; font-weight:600; letter-spacing:-.005em; color:var(--pt-text); }
body[data-nav-tool="Portfolio Tracker"] .pt-page h4 { font-size:14px; line-height:1.4; font-weight:600; color:var(--pt-text); }
body[data-nav-tool="Portfolio Tracker"] .pt-page p,
body[data-nav-tool="Portfolio Tracker"] .pt-lede,
body[data-nav-tool="Portfolio Tracker"] .pt-section-subtext { font-size:14px; line-height:1.55; font-weight:400; color:var(--pt-text-2); }
body[data-nav-tool="Portfolio Tracker"] .pt-page small,
body[data-nav-tool="Portfolio Tracker"] .pt-source,
body[data-nav-tool="Portfolio Tracker"] .pt-muted { font-size:12px; line-height:1.45; font-weight:400; color:var(--pt-text-3); }
body[data-nav-tool="Portfolio Tracker"] .pt-page strong,
body[data-nav-tool="Portfolio Tracker"] .pt-page b { font-weight:600; }
body[data-nav-tool="Portfolio Tracker"] .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] .pt-data-group__eyebrow,
body[data-nav-tool="Portfolio Tracker"] .pt-summary-label,
body[data-nav-tool="Portfolio Tracker"] .pt-fact-label,
body[data-nav-tool="Portfolio Tracker"] .pt-hero__g-lab,
body[data-nav-tool="Portfolio Tracker"] .pt-hero__mini span,
body[data-nav-tool="Portfolio Tracker"] .pt-hero__fact span {
font-size:10.5px;
line-height:1.3;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--pt-text-3);
}
body[data-nav-tool="Portfolio Tracker"] .pt-kicker,
body[data-nav-tool="Portfolio Tracker"] .pt-data-group__eyebrow { color:var(--pt-gold-2); }
body[data-nav-tool="Portfolio Tracker"] .pt-page label { font-size:13px; line-height:1.45; font-weight:500; }
body[data-nav-tool="Portfolio Tracker"] .pt-page input,
body[data-nav-tool="Portfolio Tracker"] .pt-page select,
body[data-nav-tool="Portfolio Tracker"] .pt-page textarea { font-size:13px; line-height:1.4; font-weight:400; }
/* Surfaces */
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head,
body[data-nav-tool="Portfolio Tracker"] .pt-card,
body[data-nav-tool="Portfolio Tracker"] .pt-summary-card,
body[data-nav-tool="Portfolio Tracker"] .pt-note {
background:var(--pt-surface);
border:1px solid var(--pt-line);
border-radius:var(--pt-radius-card);
box-shadow:none;
}
body[data-nav-tool="Portfolio Tracker"] .pt-shell-head::before,
body[data-nav-tool="Portfolio Tracker"] .pt-card::before,
body[data-nav-tool="Portfolio Tracker"] .pt-summary-card::before { display:none; }
body[data-nav-tool="Portfolio Tracker"] .pt-section-head {
background:transparent;
border-color:var(--pt-line);
box-shadow:none;
}
body[data-nav-tool="Portfolio Tracker"] .pt-card:has(.pt-section-head):not(.is-section-collapsed) .pt-section-head {
background:rgba(255,255,255,.018);
border-bottom:1px solid var(--pt-line);
box-shadow:none;
}
/* Buttons and controls */
body[data-nav-tool="Portfolio Tracker"] .pt-btn,
body[data-nav-tool="Portfolio Tracker"] label.pt-btn,
body[data-nav-tool="Portfolio Tracker"] button.pt-btn {
min-height:38px;
padding:8px 14px;
border:1px solid var(--pt-line-strong);
border-radius:var(--pt-radius-control);
background:rgba(255,255,255,.035);
color:var(--pt-text);
box-shadow:none;
font-size:13px;
line-height:1.2;
font-weight:600;
letter-spacing:0;
text-transform:none;
}
body[data-nav-tool="Portfolio Tracker"] .pt-btn:hover { transform:none; background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.22); }
body[data-nav-tool="Portfolio Tracker"] .pt-btn--primary,
body[data-nav-tool="Portfolio Tracker"] .pt-btn--tax-primary {
background:var(--pt-gold);
border-color:var(--pt-gold);
color:#15120a;
}
body[data-nav-tool="Portfolio Tracker"] .pt-btn--primary:hover,
body[data-nav-tool="Portfolio Tracker"] .pt-btn--tax-primary:hover { background:#e0bc4d; border-color:#e0bc4d; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-actions .pt-btn--tax-primary {
background:#f2cf64;
border-color:#f2cf64;
color:#171308;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-actions .pt-btn--tax-primary:hover {
background:#f7dc7c;
border-color:#f7dc7c;
color:#171308;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-actions .pt-btn--tax-primary .pt-tax-export-step {
border-color:rgba(23,19,8,.28) !important;
background:rgba(23,19,8,.10) !important;
color:#171308 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-actions .pt-btn--tax-next {
background:rgba(255,255,255,.025);
border-color:var(--pt-line-strong);
color:var(--pt-silver);
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-actions .pt-btn--tax-next:hover {
background:rgba(255,255,255,.06);
border-color:rgba(255,255,255,.24);
color:var(--pt-text);
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-actions .pt-btn--tax-next .pt-tax-export-step {
border-color:rgba(255,255,255,.18) !important;
background:rgba(255,255,255,.055) !important;
color:var(--pt-silver) !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-tax-next-tool-icon {
width:20px;
height:20px;
display:block;
flex:0 0 20px;
object-fit:contain;
}
body[data-nav-tool="Portfolio Tracker"] .pt-btn--secondary,
body[data-nav-tool="Portfolio Tracker"] .pt-btn--ghost { background:rgba(255,255,255,.025); border-color:var(--pt-line-strong); color:var(--pt-silver); }
body[data-nav-tool="Portfolio Tracker"] .pt-btn--danger { background:rgba(221,107,107,.08); border-color:rgba(221,107,107,.34); color:#ef9a9a; }
body[data-nav-tool="Portfolio Tracker"] .pt-btn--danger:hover { background:rgba(221,107,107,.14); border-color:rgba(221,107,107,.5); }
body[data-nav-tool="Portfolio Tracker"] .pt-currency-switch { border:1px solid var(--pt-line); background:var(--pt-surface-inner); }
body[data-nav-tool="Portfolio Tracker"] .pt-currency-switch button { font-size:12px; line-height:1; font-weight:500; color:var(--pt-text-3); background:transparent; border:0; }
body[data-nav-tool="Portfolio Tracker"] .pt-currency-switch button.is-active { font-weight:600; color:var(--pt-text); background:var(--pt-gold-bg); box-shadow:inset 0 0 0 1px var(--pt-gold-line); }
/* Tabs */
body[data-nav-tool="Portfolio Tracker"] .pt-area-tabs {
display:flex;
gap:4px;
padding:4px;
background:#0f0f11;
border:1px solid var(--pt-line);
border-radius:14px;
box-shadow:none;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tab {
flex:1 1 0;
min-height:40px;
padding:8px 10px;
border:0;
border-radius:10px;
background:transparent;
color:var(--pt-text-3);
font-size:13px;
line-height:1.2;
font-weight:500;
letter-spacing:0;
text-transform:none;
}
body[data-nav-tool="Portfolio Tracker"] .pt-area-tab:hover { background:rgba(255,255,255,.035); color:var(--pt-text-2); }
body[data-nav-tool="Portfolio Tracker"] .pt-area-tab.is-active { background:var(--pt-gold-bg); color:var(--pt-gold-2); font-weight:600; box-shadow:inset 0 0 0 1px var(--pt-gold-line); }
/* Overview: one calm analysis surface, clear numeric hierarchy */
body[data-nav-tool="Portfolio Tracker"] #overview-section { gap:14px; }
body[data-nav-tool="Portfolio Tracker"] #overview-section .pt-summary-strip { margin-bottom:14px; }
body[data-nav-tool="Portfolio Tracker"] #overview-section .pt-summary-card { background:var(--pt-surface); border-color:var(--pt-line); }
body[data-nav-tool="Portfolio Tracker"] #overview-section .pt-summary-icon { background:transparent; border:1px solid var(--pt-line); color:var(--pt-silver); }
body[data-nav-tool="Portfolio Tracker"] #overview-section .pt-summary-value { font-size:20px; line-height:1.25; font-weight:600; letter-spacing:-.015em; color:var(--pt-text); }
body[data-nav-tool="Portfolio Tracker"] #overview-section .pt-summary-sub { font-size:11.5px; line-height:1.4; font-weight:400; color:var(--pt-text-3); }
body[data-nav-tool="Portfolio Tracker"] #overview-insights { background:transparent; border:0; padding:0; }
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero {
background:linear-gradient(180deg,#161619,#121214);
border:1px solid var(--pt-line-strong);
border-radius:18px;
box-shadow:none;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__g-big--value { font-size:21px; font-weight:600; letter-spacing:-.02em; fill:#f5f5f0; }
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__gauge svg > circle { transform:scale(1.075); transform-origin:100px 76px; }
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__mini b { font-size:15px; line-height:1.25; font-weight:600; color:var(--pt-text); }
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__facts { border-top:1px solid var(--pt-line); }
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__fact b { font-size:16px; line-height:1.25; font-weight:600; color:var(--pt-text); }
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__fact em { font-size:11.5px; line-height:1.3; font-weight:500; }
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__lead {
background:var(--pt-surface-inner);
border:1px solid var(--pt-line);
border-left:2px solid var(--pt-gold-line);
border-radius:14px;
box-shadow:none;
color:var(--pt-text-2);
font-size:14px;
line-height:1.55;
font-weight:400;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__lead b { color:var(--pt-text); font-weight:600; }
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig {
background:#131315;
border:1px solid var(--pt-line);
border-radius:12px;
box-shadow:none;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig:hover { background:#171719; border-color:var(--pt-line-strong); }
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-main strong { font-size:13px; line-height:1.35; font-weight:600; color:var(--pt-text); }
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-main small,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-state { font-size:11.5px; line-height:1.4; font-weight:400; color:var(--pt-text-3); }
/* Final v2754 refinements: one control language, square review logos, semantic structure icons. */
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-btn,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-save-btn,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-note-btn,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-note-btn {
min-height:38px;
border:1px solid #ededeb;
border-radius:8px;
background:#ededeb;
color:#111214;
box-shadow:none;
font-size:13px;
line-height:1.2;
font-weight:600;
}
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-btn,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-save-btn { padding:8px 14px; white-space:nowrap; cursor:pointer; }
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-note-btn,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-note-btn { width:38px; height:38px; padding:0; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-btn:hover,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-save-btn:hover,
body[data-nav-tool="Portfolio Tracker"] #overview-insights .pt-hero__sig-note-btn:hover,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-note-btn:hover { background:#f5d76f; border-color:#f5d76f; color:#15120a; }
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-save-control__actions { gap:8px; }
/* Only the two saved-stand disclosure controls: strong, unmistakable chevrons. */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-position-details > summary i,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-note--empty > summary i {
width:32px;
height:32px;
min-width:32px;
border:1px solid rgba(242,207,100,.45);
border-radius:9px;
background:rgba(242,207,100,.075);
color:transparent;
font-size:0;
display:inline-flex;
align-items:center;
justify-content:center;
margin-left:8px;
transition:transform .16s ease, background .16s ease, border-color .16s ease;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-position-details > summary i::before,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-note--empty > summary i::before {
content:"";
width:8px;
height:8px;
border-right:2px solid #f2cf64;
border-bottom:2px solid #f2cf64;
transform:translateY(-2px) rotate(45deg);
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-position-details > summary:hover i,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-note--empty > summary:hover i {
background:rgba(242,207,100,.14);
border-color:rgba(242,207,100,.68);
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-position-details[open] > summary i,
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-note--empty[open] > summary i {
transform:rotate(180deg);
}
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-facts { gap:10px; }
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact--statement {
display:grid;
grid-template-columns:34px minmax(0,1fr);
align-items:center;
gap:12px;
}
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact--metric {
display:grid;
grid-template-columns:34px minmax(0,1fr) auto;
align-items:center;
gap:5px 12px;
}
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact--metric .pt-fact-label { grid-column:2; grid-row:1; }
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact--metric .pt-fact-value { grid-column:3; grid-row:1 / span 2; align-self:center; }
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact--metric .pt-fact-sub { grid-column:2; grid-row:2; }
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact-symbol {
grid-column:1;
grid-row:1 / span 2;
width:30px;
height:30px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid var(--pt-line-strong);
border-radius:8px;
background:rgba(255,255,255,.025);
color:var(--pt-silver);
}
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact-symbol svg { width:17px; height:17px; display:block; }
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact--largest .pt-fact-symbol { color:#f0cf70; border-color:rgba(240,207,112,.32); background:rgba(240,207,112,.055); }
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact--smallest .pt-fact-symbol { color:#aeb9c8; }
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact--best .pt-fact-symbol { color:#65b879; border-color:rgba(101,184,121,.28); background:rgba(101,184,121,.05); }
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact--worst .pt-fact-symbol { color:#dd6b6b; border-color:rgba(221,107,107,.28); background:rgba(221,107,107,.05); }
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact--top2 .pt-fact-symbol { color:#d8b75a; }
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact--bitcoin .pt-fact-symbol { color:#f0ad4e; }
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact--stable .pt-fact-symbol { color:#63c5b8; }
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact--altcoin .pt-fact-symbol { color:#86a7d7; }
body[data-nav-tool="Portfolio Tracker"] #structure-section .pt-fact-icon { display:none; }
/* Data workspace: status first, then one consistent family of action cards */
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-dashboard { display:grid; gap:16px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-hero {
padding:2px 2px 6px;
background:transparent;
border:0;
border-radius:0;
box-shadow:none;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-hero .pt-section-title { font-size:22px; margin:2px 0 6px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-hero .pt-section-subtext { max-width:760px; margin:0; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-plus-archive-banner {
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:14px 16px;
background:rgba(212,175,55,.055);
border:1px solid rgba(212,175,55,.22);
border-radius:14px;
box-shadow:none;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-plus-archive-banner strong { font-size:14px; line-height:1.35; font-weight:600; color:var(--pt-text); }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-plus-archive-banner p { margin:3px 0 0; font-size:12.5px; line-height:1.45; color:var(--pt-text-2); }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-plus-archive-banner .pt-btn { min-height:36px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card {
padding:20px;
background:linear-gradient(180deg,#171719,#141416);
border:1px solid var(--pt-line-strong);
border-radius:16px;
box-shadow:none;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card::before { display:none; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card__head { display:flex; align-items:flex-start; gap:12px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-icon { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border:1px solid var(--pt-gold-line); border-radius:10px; background:var(--pt-gold-bg); color:var(--pt-gold-2); font-size:13px; font-weight:600; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:16px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card__grid > div { padding:12px 14px; background:var(--pt-surface-inner); border:1px solid var(--pt-line); border-radius:11px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card__grid span { display:block; margin-bottom:4px; font-size:10.5px; line-height:1.3; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--pt-text-3); }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card__grid strong { display:block; font-size:12.5px; line-height:1.4; font-weight:500; color:var(--pt-text); }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card h3 { font-size:16px; font-weight:600; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card p { font-size:13px; font-weight:400; color:var(--pt-text-2); }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-workspace { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:stretch; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group {
display:flex;
flex-direction:column;
min-height:100%;
padding:20px;
background:var(--pt-surface);
border:1px solid var(--pt-line);
border-radius:16px;
box-shadow:none;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group:hover { border-color:var(--pt-line-strong); }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group--import {
--pt-data-accent:#69d49d;
border-color:rgba(105,212,157,.34);
background:#111f19;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group--backup {
--pt-data-accent:#86a7d7;
border-color:rgba(134,167,215,.24);
background:linear-gradient(180deg,rgba(134,167,215,.055),var(--pt-surface) 34%);
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group--export {
--pt-data-accent:#e4bd4e;
border-color:rgba(255,255,255,.16);
background:#000000;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group::before {
width:3px !important;
background:var(--pt-data-accent,transparent) !important;
opacity:.9 !important;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group .pt-data-group__eyebrow { color:var(--pt-data-accent,var(--pt-gold-2)); }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group .pt-data-group-icon {
color:var(--pt-data-accent,var(--pt-silver));
border-color:color-mix(in srgb,var(--pt-data-accent,var(--pt-silver)) 38%,transparent);
background:color-mix(in srgb,var(--pt-data-accent,var(--pt-silver)) 8%,transparent);
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group__head { display:flex; align-items:flex-start; gap:12px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group__head h3 { margin:3px 0 6px; font-size:16px; line-height:1.35; font-weight:600; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group__head p { margin:0; font-size:13px; line-height:1.5; font-weight:400; color:var(--pt-text-2); }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group-icon {
border:1px solid var(--pt-line);
background:var(--pt-surface-inner);
color:var(--pt-silver);
box-shadow:none;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group__footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:18px; border-top:1px solid var(--pt-line); }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group__hint { font-size:11.5px; line-height:1.4; font-weight:400; color:var(--pt-text-3); }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-action-list { display:grid; gap:8px; margin-top:auto; padding-top:16px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-action-row,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-item {
padding:12px;
background:var(--pt-surface-inner);
border:1px solid var(--pt-line);
border-radius:12px;
box-shadow:none;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-action-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-action-row > div { min-width:0; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-action-row span { display:block; margin-top:3px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-grid { display:grid; gap:8px; margin-top:auto; padding-top:16px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-item { display:flex; flex-direction:column; gap:12px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-item__head { display:flex; align-items:flex-start; gap:10px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-item .pt-btn { align-self:flex-start; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-actions { display:flex; flex-wrap:wrap; gap:8px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-action-row strong,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-item h4 { font-size:13px; line-height:1.35; font-weight:600; color:var(--pt-text); }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-action-row span,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-item p { font-size:11.5px; line-height:1.45; font-weight:400; color:var(--pt-text-3); }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-export-grid { margin-top:auto; padding-top:16px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-danger {
grid-column:1 / -1;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:14px 16px;
background:#211315;
border:1px solid rgba(255,98,98,.32);
border-radius:14px;
box-shadow:none;
}
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-danger h3 { margin:2px 0 4px; font-size:14px; font-weight:600; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-danger p { margin:0; font-size:12px; line-height:1.45; color:var(--pt-text-3); }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-note { background:transparent; border-color:var(--pt-line); color:var(--pt-text-3); font-size:11.5px; line-height:1.5; }
body[data-nav-tool="Portfolio Tracker"] #cash-amount-hint { display:none; }
/* Tables, facts, forms: shared readable rhythm */
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-movement-head,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-head { font-size:10.5px; line-height:1.3; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--pt-text-3); }
body[data-nav-tool="Portfolio Tracker"] #tracking-table .pt-movement-row,
body[data-nav-tool="Portfolio Tracker"] .pt-wl-row,
body[data-nav-tool="Portfolio Tracker"] .pt-journal-history-row { font-size:13px; line-height:1.45; font-weight:400; }
body[data-nav-tool="Portfolio Tracker"] .pt-fact { background:var(--pt-surface-inner); border:1px solid var(--pt-line); border-radius:12px; box-shadow:none; }
body[data-nav-tool="Portfolio Tracker"] .pt-fact-value { font-size:18px; line-height:1.25; font-weight:600; color:var(--pt-text); }
body[data-nav-tool="Portfolio Tracker"] .pt-fact-sub { font-size:11.5px; line-height:1.4; font-weight:400; color:var(--pt-text-3); }
body[data-nav-tool="Portfolio Tracker"] .pt-modal-card,
body[data-nav-tool="Portfolio Tracker"] .pt-rules-modal__panel,
body[data-nav-tool="Portfolio Tracker"] .pt-snapshot-overlay__panel { font-size:13px; line-height:1.5; }
@media (max-width: 980px) {
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-workspace { grid-template-columns:1fr; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group { min-height:0; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-danger { grid-column:auto; }
}
@media (max-width: 760px) {
body[data-nav-tool="Portfolio Tracker"] { font-size:13.5px; }
body[data-nav-tool="Portfolio Tracker"] .pt-page h1 { font-size:24px; }
body[data-nav-tool="Portfolio Tracker"] .pt-page h2,
body[data-nav-tool="Portfolio Tracker"] .pt-section-title { font-size:17px; }
body[data-nav-tool="Portfolio Tracker"] .pt-area-tab { font-size:12.5px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-hero .pt-section-title { font-size:20px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-group { padding:16px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card { padding:16px; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-origin-card__grid { grid-template-columns:1fr; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-plus-archive-banner,
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-danger { flex-direction:column; align-items:stretch; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-action-row { grid-template-columns:1fr; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-action-row .pt-btn { justify-self:start; }
body[data-nav-tool="Portfolio Tracker"] #data-section .pt-data-danger { align-items:flex-start; }
}
/* R4X v2762 · Mobile Portfolio-Stände: Startstand linksbündig wie Verlaufskarten */
@media (max-width:760px){
/* Verlaufskarten: Label/Wert oben, Veränderung/Datum darunter. Keine Wortzerlegung mehr. */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div{
display:grid !important;
grid-template-columns:minmax(0,1fr) max-content !important;
grid-template-areas:
"label value"
"delta date" !important;
align-items:center !important;
column-gap:12px !important;
row-gap:6px !important;
min-height:64px !important;
padding:11px 42px 11px 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div > span{
grid-area:label !important;
min-width:0 !important;
margin:0 !important;
white-space:normal !important;
overflow-wrap:normal !important;
word-break:normal !important;
hyphens:none !important;
line-height:1.25 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div > strong{
grid-area:value !important;
justify-self:end !important;
margin:0 !important;
white-space:nowrap !important;
overflow:visible !important;
text-overflow:clip !important;
text-align:right !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div > em{
grid-area:delta !important;
justify-self:start !important;
margin:0 !important;
line-height:1.2 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div > small{
grid-area:date !important;
justify-self:end !important;
margin:0 !important;
white-space:nowrap !important;
text-align:right !important;
}
/* Startstand: Datum, Wert und CTA bleiben in der linken Inhalts-Spalte; der CTA darf nicht schrumpfen oder abschneiden. */
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item:last-child > summary{
display:grid !important;
grid-template-columns:minmax(0,1fr) 32px !important;
grid-template-areas:
"title chevron"
"value chevron" !important;
align-items:start !important;
column-gap:12px !important;
row-gap:10px !important;
padding:16px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item:last-child .pt-snapshot-title-wrap{
grid-area:title !important;
min-width:0 !important;
width:100% !important;
padding-right:0 !important;
justify-content:start !important;
justify-self:stretch !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item:last-child .pt-snapshot-title-line{
width:100% !important;
justify-content:flex-start !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item:last-child .pt-snapshot-meta-row{
margin-left:49px !important;
padding-right:0 !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item:last-child .pt-snapshot-value-wrap{
grid-area:value !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
min-width:0 !important;
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 0 0 49px !important;
box-sizing:border-box !important;
text-align:left !important;
gap:6px !important;
overflow:visible !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item:last-child .pt-snapshot-value-wrap strong{
text-align:left !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item:last-child .pt-snapshot-open-hint{
display:inline-flex !important;
align-self:flex-start !important;
flex:0 0 auto !important;
width:max-content !important;
max-width:none !important;
min-width:max-content !important;
min-height:32px !important;
margin-top:2px !important;
padding:0 12px !important;
box-sizing:border-box !important;
white-space:nowrap !important;
overflow:visible !important;
text-overflow:clip !important;
text-align:center !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item:last-child > summary i{
grid-area:chevron !important;
position:static !important;
justify-self:end !important;
align-self:center !important;
transform:none !important;
}
}
@media (max-width:390px){
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-history-stat-grid > div{
column-gap:10px !important;
padding:10px 40px 10px 12px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item:last-child > summary{
grid-template-columns:minmax(0,1fr) 30px !important;
column-gap:10px !important;
padding:15px 12px 15px 14px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item:last-child .pt-snapshot-meta-row{
margin-left:46px !important;
}
body[data-nav-tool="Portfolio Tracker"] #history-section .pt-snapshot-list--main .pt-snapshot-item:last-child .pt-snapshot-value-wrap{
padding-left:46px !important;
}
}
/* R4X v2907 · Bitpanda-Import: sichtbarer, aber unaufdringlicher Speicher-/Sync-Fortschritt */
body[data-nav-tool="Portfolio Tracker"] .pt-bp-import-progress{position:sticky;top:0;z-index:8;display:flex;align-items:flex-start;gap:11px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(132,154,181,.30);border-radius:12px;background:rgba(10,16,24,.96);box-shadow:0 8px 24px rgba(0,0,0,.18);color:#dce6f2}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-import-progress__mark{width:13px;height:13px;flex:0 0 13px;margin-top:2px;border:2px solid rgba(143,167,194,.32);border-top-color:#9fb7d1;border-radius:50%;animation:ptBpImportSpin .75s linear infinite}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-import-progress[data-kind="busy"]{border-color:rgba(238,139,54,.62);background:linear-gradient(90deg,rgba(151,76,19,.34),rgba(72,38,16,.26));box-shadow:0 8px 24px rgba(0,0,0,.20),inset 3px 0 0 rgba(242,151,66,.82);color:#ffe0b2}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-import-progress[data-kind="busy"] .pt-bp-import-progress__mark{border-color:rgba(255,181,107,.38);border-top-color:#ffad61}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-import-progress[data-kind="busy"] strong{color:#ffd29c}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-import-progress[data-kind="busy"] p{color:#e3b98d}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-import-progress strong{display:block;margin:0 0 3px;font-size:.86rem;color:#eef4fb}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-import-progress p{margin:0;color:#aebdcd;font-size:.78rem;line-height:1.45}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-import-progress[data-kind="success"]{border-color:rgba(92,198,159,.34);background:rgba(13,31,28,.95)}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-import-progress[data-kind="success"] .pt-bp-import-progress__mark{border:0;background:#5cc69f;box-shadow:0 0 0 4px rgba(92,198,159,.12);animation:none}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-import-progress[data-kind="error"]{border-color:rgba(216,184,75,.40);background:rgba(32,28,15,.96)}
body[data-nav-tool="Portfolio Tracker"] .pt-bp-import-progress[data-kind="error"] .pt-bp-import-progress__mark{border:0;background:#d8b84b;box-shadow:0 0 0 4px rgba(216,184,75,.12);animation:none}
body[data-nav-tool="Portfolio Tracker"] .pt-bitpanda-preview-modal button:disabled{cursor:not-allowed}
@keyframes ptBpImportSpin{to{transform:rotate(360deg)}}