.portfolio-sync{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;margin-bottom:18px}.sync-state{display:flex;align-items:center;gap:13px}.sync-state .eyebrow{margin-bottom:3px}.sync-state strong{font-size:.84rem}.sync-state p:last-child{margin:4px 0 0;color:var(--muted);font-size:.68rem}.sync-dot{width:11px;height:11px;border-radius:50%;background:var(--amber);box-shadow:0 0 14px #f2bc6566;flex:none}.portfolio-sync.is-cloud .sync-dot{background:var(--green);box-shadow:0 0 14px #64eda066}.portfolio-sync.is-error .sync-dot{background:var(--red);box-shadow:0 0 14px #ff7a7a66}.sync-account-link{text-decoration:none;white-space:nowrap}.profile{text-decoration:none;cursor:pointer}.portfolio-entry{margin-bottom:18px}.portfolio-form{display:grid;grid-template-columns:minmax(240px,1.7fr) 1fr 1fr auto;gap:12px;align-items:end;padding:20px 22px 8px}.portfolio-form label{display:grid;gap:7px;color:var(--muted);font-size:.7rem;font-weight:700}.portfolio-form input,.portfolio-form select{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;background:#08130f;color:var(--text);padding:0 12px;font:600 .8rem Manrope}.portfolio-form .primary-btn{width:auto;margin:0;height:44px;white-space:nowrap}.portfolio-privacy{margin:5px 22px 19px;color:#71877c;font-size:.68rem}.portfolio-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.portfolio-kpis article{padding:17px 18px}.portfolio-kpis small,.portfolio-kpis strong,.portfolio-kpis span{display:block}.portfolio-kpis small{color:#71867b;font-size:.58rem;font-weight:800;letter-spacing:.09em}.portfolio-kpis strong{margin:7px 0 4px;font-size:1.25rem}.portfolio-kpis span{color:var(--muted);font-size:.62rem}.portfolio-positions{margin-bottom:18px}.portfolio-table{min-width:930px}.portfolio-table td:last-child,.portfolio-table th:last-child{text-align:right}.portfolio-table tbody tr{cursor:default}.portfolio-table .position-symbol{display:grid}.portfolio-table .position-symbol strong{font-size:.76rem}.portfolio-table .position-symbol small{color:var(--muted);font-size:.61rem}.portfolio-table .position-pnl.up{color:var(--green)}.portfolio-table .position-pnl.down{color:var(--red)}.portfolio-table .remove-position{border:1px solid #4a2d2d;border-radius:7px;background:#241515;color:#ff9a9a;padding:6px 9px;cursor:pointer}.portfolio-empty{padding:32px 20px}.portfolio-analysis{display:grid;grid-template-columns:1fr 1fr;gap:18px}.history-risk{grid-column:1/-1}.exposure-list{display:grid;gap:13px;padding:20px 22px}.exposure-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(120px,2fr) 52px;gap:12px;align-items:center}.exposure-row span{font-size:.72rem}.exposure-row b{text-align:right;font-size:.72rem}.exposure-meter{height:7px;border-radius:8px;background:#23342c;overflow:hidden}.exposure-meter i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--green2),var(--green))}.portfolio-placeholder{margin:0;color:var(--muted);font-size:.75rem}.history-risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.history-risk-grid>div{padding:21px;background:#0d1814}.history-risk-grid small,.history-risk-grid strong{display:block}.history-risk-grid small{color:#71867b;font-size:.58rem;font-weight:800;letter-spacing:.08em}.history-risk-grid strong{margin-top:8px;font-size:1.15rem}.history-risk>p{margin:0;padding:15px 21px;color:var(--muted);font-size:.68rem}.compact{width:auto}.portfolio-loading{opacity:.65;pointer-events:none}@media(max-width:1050px){.portfolio-form{grid-template-columns:1fr 1fr}.portfolio-kpis{grid-template-columns:1fr 1fr}}@media(max-width:700px){.portfolio-sync{align-items:flex-start;flex-direction:column}.sync-account-link{width:100%;text-align:center}.portfolio-form{grid-template-columns:1fr;padding:17px}.portfolio-form .primary-btn{width:100%}.portfolio-privacy{margin:7px 17px 17px}.portfolio-kpis,.portfolio-analysis{grid-template-columns:1fr}.history-risk{grid-column:auto}.history-risk-grid{grid-template-columns:1fr}.portfolio-entry .panel-head,.portfolio-positions .panel-head,.history-risk .panel-head{align-items:flex-start;gap:10px;flex-direction:column}.portfolio-positions .outline-btn{width:100%}}
