:root{--bg:#f5f7fb;--card:#ffffff;--text:#101828;--muted:#667085;--border:#e4e7ec;--accent:#2563eb;--accent2:#0f766e;--danger:#dc2626;--ok:#047857;--shadow:0 16px 40px rgba(16,24,40,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{border:0;background:var(--accent);color:white;border-radius:12px;padding:11px 16px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px rgba(37,99,235,.18)}button.secondary{background:#f2f4f7;color:#101828;box-shadow:none;border:1px solid var(--border)}input,select{background:white;color:#101828;border:1px solid var(--border);border-radius:12px;padding:11px 13px;min-height:44px;outline:none}input:focus,select:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.side{background:#fff;border-right:1px solid var(--border);padding:22px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;gap:12px;align-items:center}.logo{height:44px;width:44px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:white;display:flex;align-items:center;justify-content:center;font-weight:900}.brand h1{font-size:20px;margin:0}.brand p{margin:3px 0 0;color:var(--muted);font-size:13px}.nav{display:flex;flex-direction:column;gap:8px}.nav button{background:transparent;color:#344054;text-align:left;box-shadow:none;border:1px solid transparent}.nav button.active,.nav button:hover{background:#eef4ff;border-color:#bfdbfe;color:#1d4ed8}.disclaimer{margin-top:auto;color:var(--muted);font-size:12px;line-height:1.45;background:#f9fafb;border:1px solid var(--border);border-radius:14px;padding:12px}.main{padding:28px;min-width:0}.top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.top h2{font-size:28px;margin:0}.top p{margin:6px 0 0;color:var(--muted)}.status{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{border:1px solid var(--border);background:white;color:#344054;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;white-space:nowrap}.pill.ok{background:#ecfdf3;color:#027a48;border-color:#abefc6}.pill.bad{background:#fef3f2;color:#b42318;border-color:#fecdca}.grid{display:grid;gap:16px}.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.card h3{margin:0 0 10px;font-size:17px}.muted{color:var(--muted)}.small{font-size:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row input,.row select{min-width:170px}.list{display:flex;flex-direction:column;gap:10px}.listitem{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid var(--border);border-radius:16px;background:#fbfcfe}.signal{padding:16px;border:1px solid #dbeafe;background:#f8fbff;border-radius:18px}.signal h3{margin:8px 0 7px}.signal p{line-height:1.45}.badge{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;background:#eff6ff;color:#1d4ed8}.badge.hot{background:#fff7ed;color:#c2410c}.badge.long{background:#ecfdf3;color:#047857}.money{font-size:32px;font-weight:900;letter-spacing:-.04em;margin:10px 0}.searchResults{position:relative;flex:1;min-width:280px}.searchResults input{width:100%}.resultBox{position:absolute;z-index:20;left:0;right:0;top:50px;background:white;border:1px solid var(--border);box-shadow:0 18px 40px rgba(16,24,40,.14);border-radius:16px;max-height:380px;overflow:auto;padding:8px}.resultBox.hidden,.hidden{display:none!important}.resultBox>div{padding:12px;border-radius:12px;cursor:pointer}.resultBox>div:hover{background:#f2f4f7}.apirow{display:grid;grid-template-columns:160px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.apirow label span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.apirow input{width:100%}.popup{position:fixed;right:22px;bottom:22px;width:min(430px,calc(100vw - 44px));background:#ffffff;border:1px solid #bfdbfe;border-left:5px solid var(--accent);border-radius:18px;box-shadow:0 18px 48px rgba(16,24,40,.22);padding:18px;z-index:100}.popup p{margin:8px 0}.popupClose{position:absolute;right:10px;top:8px;background:transparent;color:#475467;box-shadow:none;padding:4px 8px}@media(max-width:900px){.app{grid-template-columns:1fr}.side{position:relative}.cols2,.cols3{grid-template-columns:1fr}.top{flex-direction:column}.apirow{grid-template-columns:1fr}.main{padding:18px}}
.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.heroBudget{display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(circle at top left,#eff6ff,#fff 45%),linear-gradient(135deg,#fff,#f8fafc)}.eyebrow{display:inline-flex;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:#2563eb;background:#eef4ff;border:1px solid #bfdbfe;border-radius:999px;padding:6px 10px;margin-bottom:8px}.money.negative{color:var(--danger)}.budgetRing{width:150px;height:150px;border-radius:999px;background:conic-gradient(var(--accent) calc(var(--p)*1%),#e5e7eb 0);display:grid;place-items:center;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(16,24,40,.04)}.budgetRing>div{width:108px;height:108px;border-radius:999px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow)}.budgetRing b{font-size:28px;letter-spacing:-.04em}.budgetRing span{font-size:12px;color:var(--muted);font-weight:700}.miniStat{padding:18px;position:relative;overflow:hidden}.miniStat:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent)}.miniStat span{color:var(--muted);font-weight:700;font-size:13px}.miniStat b{display:block;font-size:24px;margin-top:8px;letter-spacing:-.04em}.miniStat.income:before,.badge.income{background:#ecfdf3;color:#047857}.miniStat.expense:before,.badge.expense{background:#fef3f2;color:#b42318}.miniStat.loan:before,.badge.loan{background:#fff7ed;color:#c2410c}.miniStat.saving:before,.badge.saving{background:#eef4ff;color:#1d4ed8}.budgetForm{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px}.budgetForm #bNote{grid-column:span 2}.budgetForm button{grid-column:span 1}.bars label{display:flex;justify-content:space-between;font-weight:800;font-size:13px;margin:10px 0 6px}.bars div{height:12px;background:#eef2f7;border-radius:999px;overflow:hidden}.bars i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#14b8a6)}.budgetItem{align-items:flex-start}.budgetItem>div:first-child{display:grid;gap:5px}.budgetAmount{font-weight:900;white-space:nowrap;display:flex;gap:10px;align-items:center}.iconBtn{border-radius:999px;width:34px;height:34px;padding:0;font-size:20px;line-height:1}.dangerBtn{background:#fef3f2;color:#b42318;border:1px solid #fecdca;box-shadow:none}.app{background:linear-gradient(180deg,#f8fbff 0,#f5f7fb 260px)}.side{background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}.card{transition:transform .16s ease,box-shadow .16s ease}.card:hover{transform:translateY(-1px);box-shadow:0 18px 46px rgba(16,24,40,.10)}@media(max-width:1100px){.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}.budgetForm{grid-template-columns:1fr}.budgetForm #bNote,.budgetForm button{grid-column:auto}}@media(max-width:900px){.cols4{grid-template-columns:1fr}.heroBudget{flex-direction:column;align-items:flex-start}.budgetRing{width:128px;height:128px}.budgetRing>div{width:92px;height:92px}}

.liveBanner{margin-top:16px;border:1px solid rgba(72,187,120,.25);background:rgba(72,187,120,.08)}
.liveBanner b{color:#7ee787}
.signal p b{color:#f8fafc}

.sigHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.starBtn{font-size:20px;min-width:42px}.starBtn.active{background:#fff3bf!important;border-color:#f59f00!important;color:#b26a00!important}.monthNav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.monthNav .eyebrow{font-size:14px;font-weight:800}.listitem p.small{margin:6px 0 0;max-width:780px}.brand h1{letter-spacing:-.02em}.dangerBtn{background:#fff5f5;border:1px solid #ffc9c9;color:#c92a2a}


/* ===== ProNext EkonomiOS v5 Apple UI ===== */
:root{
  --bg:#f5f5f7;
  --card:rgba(255,255,255,.76);
  --text:#1d1d1f;
  --muted:#6e6e73;
  --border:rgba(0,0,0,.075);
  --accent:#007aff;
  --accent2:#34c759;
  --danger:#ff3b30;
  --ok:#34c759;
  --shadow:0 20px 60px rgba(0,0,0,.08), 0 2px 12px rgba(0,0,0,.035);
  --glass:rgba(255,255,255,.72);
  --glass-strong:rgba(255,255,255,.88);
}
html{scroll-behavior:smooth;background:#f5f5f7;}
*{-webkit-tap-highlight-color:transparent;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 15% 0%,rgba(0,122,255,.12),transparent 34%),
    radial-gradient(circle at 100% 12%,rgba(52,199,89,.10),transparent 28%),
    linear-gradient(180deg,#fbfbfd 0%,#f5f5f7 42%,#f2f2f7 100%);
  color:var(--text);
}
button,input,select{font-family:inherit;}
button{
  border:0;
  background:linear-gradient(180deg,#0a84ff,#007aff);
  color:#fff;
  border-radius:999px;
  padding:11px 18px;
  font-weight:700;
  box-shadow:0 10px 24px rgba(0,122,255,.22);
  transition:transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s ease, filter .18s ease;
}
button:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 14px 30px rgba(0,122,255,.28)}
button:active{transform:scale(.985)}
button.secondary,.dangerBtn,.starBtn{background:rgba(118,118,128,.12);color:#1d1d1f;box-shadow:none;border:1px solid rgba(0,0,0,.06)}
button.secondary:hover,.starBtn:hover{background:rgba(118,118,128,.18);box-shadow:none}
.dangerBtn{background:rgba(255,59,48,.10)!important;color:#d70015!important;border-color:rgba(255,59,48,.22)!important}
input,select{
  background:rgba(118,118,128,.10);
  border:1px solid transparent;
  border-radius:14px;
  min-height:44px;
  padding:11px 14px;
  color:#1d1d1f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
input:focus,select:focus{border-color:rgba(0,122,255,.42);box-shadow:0 0 0 5px rgba(0,122,255,.12);background:#fff}
.app{background:transparent;grid-template-columns:300px 1fr;}
.side{
  position:sticky;top:0;height:100vh;
  background:var(--glass);
  backdrop-filter:blur(28px) saturate(1.25);
  -webkit-backdrop-filter:blur(28px) saturate(1.25);
  border-right:1px solid rgba(0,0,0,.06);
  padding:26px 18px;
}
.brand{padding:8px 8px 2px;}
.logo{
  background:linear-gradient(145deg,#111827,#3b82f6 58%,#34c759);
  border-radius:18px;
  box-shadow:0 16px 34px rgba(0,122,255,.23), inset 0 1px 0 rgba(255,255,255,.25);
  letter-spacing:-.06em;
}
.brand h1{font-size:19px;font-weight:750;letter-spacing:-.045em;}
.brand p{font-size:12px;color:#86868b;}
.nav{gap:6px;}
.nav button{
  border-radius:14px;
  padding:12px 13px;
  color:#3a3a3c;
  font-weight:650;
}
.nav button.active,.nav button:hover{
  background:rgba(0,122,255,.12);
  border-color:rgba(0,122,255,.12);
  color:#0057d9;
}
.disclaimer{
  background:rgba(255,255,255,.55);
  border:1px solid rgba(0,0,0,.055);
  border-radius:18px;
  color:#86868b;
}
.main{padding:34px 34px 42px;}
.top{align-items:center;margin-bottom:24px;}
.top h2{font-size:36px;line-height:1.05;font-weight:800;letter-spacing:-.065em;}
.top p{max-width:860px;color:#6e6e73;font-size:15px;line-height:1.45;}
.status{gap:7px;}
.pill{
  background:rgba(255,255,255,.68);
  border:1px solid rgba(0,0,0,.06);
  backdrop-filter:blur(16px);
  border-radius:999px;
  color:#3a3a3c;
}
.pill.ok{background:rgba(52,199,89,.12);color:#0a7a2f;border-color:rgba(52,199,89,.22)}
.pill.bad{background:rgba(255,59,48,.10);color:#b00020;border-color:rgba(255,59,48,.20)}
.card,.signal,.listitem,.popup,.resultBox{
  background:var(--card);
  backdrop-filter:blur(26px) saturate(1.2);
  -webkit-backdrop-filter:blur(26px) saturate(1.2);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:var(--shadow);
}
.card{border-radius:26px;padding:22px;}
.card h3{font-size:18px;font-weight:760;letter-spacing:-.035em;}
.card:hover{transform:translateY(-2px);box-shadow:0 26px 70px rgba(0,0,0,.10),0 2px 16px rgba(0,0,0,.04)}
.listitem{
  border-radius:20px;
  padding:15px 16px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(0,0,0,.055);
  transition:transform .16s ease, background .16s ease;
}
.listitem:hover{transform:translateY(-1px);background:rgba(255,255,255,.86)}
.signal{
  border-radius:24px;
  padding:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.62));
  border:1px solid rgba(255,255,255,.7);
}
.signal h3{letter-spacing:-.04em;font-weight:790;}
.signal p{color:#3a3a3c;}
.signal p b{color:#1d1d1f;}
.badge{
  border-radius:999px;
  padding:6px 11px;
  background:rgba(0,122,255,.12);
  color:#0057d9;
}
.badge.hot{background:rgba(255,149,0,.15);color:#a65300}
.badge.long{background:rgba(52,199,89,.14);color:#0b7f34}
.badge.income{background:rgba(52,199,89,.14)!important;color:#0b7f34!important}.badge.expense{background:rgba(255,59,48,.12)!important;color:#b00020!important}.badge.loan{background:rgba(255,149,0,.16)!important;color:#9a5600!important}.badge.saving{background:rgba(0,122,255,.12)!important;color:#0057d9!important}
.money{font-size:38px;font-weight:850;letter-spacing:-.075em;}
.money.negative{color:#d70015;}
.liveBanner{
  background:linear-gradient(135deg,rgba(52,199,89,.13),rgba(0,122,255,.08));
  border:1px solid rgba(52,199,89,.18);
}
.liveBanner b{color:#168a36;}
.resultBox{border-radius:20px;padding:8px;}
.resultBox>div:hover{background:rgba(118,118,128,.12)}
.popup{
  right:24px;bottom:24px;
  border-radius:26px;
  border-left:0;
  background:rgba(255,255,255,.88);
  cursor:pointer;
  animation:appleSlideUp .28s cubic-bezier(.2,.8,.2,1);
}
.popupClose{background:rgba(118,118,128,.12);border-radius:999px;color:#3a3a3c;}
@keyframes appleSlideUp{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.heroBudget{
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.56)),radial-gradient(circle at 0 0,rgba(0,122,255,.15),transparent 42%);
}
.eyebrow{background:rgba(0,122,255,.10);border-color:rgba(0,122,255,.18);color:#0057d9;}
.budgetRing{background:conic-gradient(#007aff calc(var(--p)*1%),rgba(118,118,128,.16) 0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 18px 38px rgba(0,122,255,.12)}
.budgetRing>div{background:rgba(255,255,255,.86);}
.miniStat:before{height:5px;border-radius:999px;background:#007aff}.miniStat.income:before{background:#34c759}.miniStat.expense:before{background:#ff3b30}.miniStat.loan:before{background:#ff9500}.miniStat.saving:before{background:#007aff}
.bars div{background:rgba(118,118,128,.14)}.bars i{background:linear-gradient(90deg,#007aff,#34c759)}
.apirow{border-bottom:1px solid rgba(0,0,0,.06)}
.small,.muted{color:#6e6e73;}
.starBtn.active{background:rgba(255,204,0,.20)!important;color:#9a6b00!important;border-color:rgba(255,204,0,.32)!important}
@media(max-width:900px){
  .app{display:block;padding-bottom:86px;}
  .side{position:fixed;left:10px;right:10px;bottom:10px;top:auto;height:auto;z-index:80;padding:8px;border-radius:28px;border:1px solid rgba(255,255,255,.7);box-shadow:0 20px 58px rgba(0,0,0,.16)}
  .brand,.disclaimer{display:none;}
  .nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;}
  .nav button{font-size:11px;text-align:center;padding:9px 4px;border-radius:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .main{padding:24px 14px 18px;}
  .top h2{font-size:31px;}
  .top{align-items:flex-start;}
  .popup{left:14px;right:14px;bottom:96px;width:auto;}
}
@media(max-width:520px){.nav{grid-template-columns:repeat(4,1fr)}.top h2{font-size:28px}.card{border-radius:22px;padding:18px}.money{font-size:32px}.row input,.row select{min-width:100%;}.row button{width:100%;}}

/* v5.1 budget month dropdown */
.monthSelectWrap{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:6px 10px;box-shadow:0 10px 26px rgba(16,24,40,.06);backdrop-filter:blur(18px)}
.monthSelectWrap span{font-size:12px;font-weight:800;color:var(--muted);white-space:nowrap}
.monthSelectWrap select{min-width:190px;border:0;background:transparent;font-weight:900;color:var(--text);padding:6px 28px 6px 8px;outline:none;text-transform:capitalize}
.monthNav{align-items:center}
@media(max-width:700px){.monthSelectWrap{width:100%;justify-content:space-between;border-radius:16px}.monthSelectWrap select{min-width:0;width:100%}}

/* v5.2 allocation cards */
.allocList{display:grid;gap:12px}
.allocCat{background:rgba(255,255,255,.72);border-radius:20px;padding:14px;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 24px rgba(0,0,0,.05)}
.allocHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.allocMoney{text-align:right;min-width:120px}.allocMoney b{display:block;font-size:22px}.allocMoney span{color:#6e6e73;font-size:13px}
.allocItem{padding:10px 0;border-top:1px solid rgba(0,0,0,.06)}
.allocItem:first-of-type{border-top:0}

/* v5.3 portfolio */
.portfolioForm{display:grid;grid-template-columns:160px 1fr 1fr 1fr;gap:10px;align-items:start}
.portfolioForm .searchResults{grid-column:span 3;position:relative}
.portfolioSummary.status-red{border-color:rgba(255,59,48,.38);background:linear-gradient(135deg,rgba(255,59,48,.16),rgba(255,255,255,.68))}
.portfolioSummary.status-yellow{border-color:rgba(255,204,0,.38);background:linear-gradient(135deg,rgba(255,204,0,.18),rgba(255,255,255,.68))}
.portfolioSummary.status-green{border-color:rgba(52,199,89,.38);background:linear-gradient(135deg,rgba(52,199,89,.16),rgba(255,255,255,.68))}
.portfolioSummary.status-mixed{border-color:rgba(255,204,0,.42);background:linear-gradient(135deg,rgba(52,199,89,.14),rgba(255,204,0,.18),rgba(255,255,255,.70))}
.portfolioItem{border-left:8px solid rgba(118,118,128,.22)}
.portfolioItem.green{border-left-color:#34c759}.portfolioItem.yellow{border-left-color:#ffcc00}.portfolioItem.red{border-left-color:#ff3b30}
.traffic{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;white-space:nowrap}
.traffic.green{background:rgba(52,199,89,.16);color:#0b7f34}.traffic.yellow{background:rgba(255,204,0,.22);color:#8a6400}.traffic.red{background:rgba(255,59,48,.14);color:#b00020}
.badge.danger{background:rgba(255,59,48,.14);color:#b00020}
.nav button.nav-green{box-shadow:inset 5px 0 0 #34c759!important;background:rgba(52,199,89,.10);color:#0b7f34}.nav button.nav-yellow{box-shadow:inset 5px 0 0 #ffcc00!important;background:rgba(255,204,0,.14);color:#8a6400}.nav button.nav-red{box-shadow:inset 5px 0 0 #ff3b30!important;background:rgba(255,59,48,.12);color:#b00020}.nav button.nav-mixed{box-shadow:inset 5px 0 0 #34c759, inset 10px 0 0 #ffcc00!important;background:linear-gradient(90deg,rgba(52,199,89,.12),rgba(255,204,0,.12));color:#5f4b00}
.nav button.active.nav-green,.nav button.active.nav-yellow,.nav button.active.nav-red,.nav button.active.nav-mixed{font-weight:900}
@media(max-width:900px){.portfolioForm{grid-template-columns:1fr}.portfolioForm .searchResults{grid-column:auto}.portfolioItem .sigHead{display:block}.traffic{margin-top:8px}}

/* v5.4: omordningsbar sidomeny */
.menuTools{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:-12px}
.smallBtn{font-size:11px;padding:6px 9px;border-radius:10px;min-height:auto}
.navItem{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;border-radius:14px;transition:background .15s ease, transform .15s ease}
.navItem.dragging{opacity:.55;transform:scale(.98)}
.navItem.dragOver{background:#eef4ff;outline:2px dashed #93c5fd;outline-offset:2px}
.navItem button[data-tab]{width:100%}
.moveBtns{display:flex;gap:4px;opacity:.55;transition:opacity .15s ease}
.navItem:hover .moveBtns{opacity:1}
.miniMove{width:28px;height:28px;min-height:28px;padding:0;border-radius:9px;font-size:14px;line-height:1;font-weight:900}
.miniMove:disabled{opacity:.25;cursor:not-allowed}
@media(max-width:900px){.menuTools{margin-bottom:0}.navItem{grid-template-columns:1fr}.moveBtns{display:none}.navItem{cursor:grab}.navItem:active{cursor:grabbing}}

/* v5.5: tydligt livepris överallt */
.livePrice{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:9px 0 8px;padding:10px 12px;border-radius:16px;background:linear-gradient(135deg,rgba(52,199,89,.14),rgba(0,122,255,.08));border:1px solid rgba(52,199,89,.20)}
.livePrice span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#0b7f34}
.livePrice b{font-size:22px;font-weight:900;letter-spacing:-.04em;color:#111827}
.livePrice em{font-style:normal;font-size:12px;font-weight:700;color:#6e6e73}
.livePrice.missing{background:rgba(255,59,48,.08);border-color:rgba(255,59,48,.18)}
.livePrice.missing span,.livePrice.missing b{color:#b00020}
.allocItem .livePrice{margin:7px 0 7px}
.listitem .livePrice{margin:6px 0 6px}
@media(max-width:520px){.livePrice b{font-size:20px}.livePrice{align-items:flex-start;flex-direction:column;gap:3px}}
.livePrice.stale{background:linear-gradient(135deg,rgba(255,204,0,.18),rgba(52,199,89,.08));border-color:rgba(255,204,0,.38)}
.livePrice.stale span{color:#8a5a00}
.livePrice.stale b{color:#3a2b00}

/* v5.8: popup-detaljer och klickbar historik */
.popupHistoryItem{cursor:pointer;align-items:flex-start}
.popupHistoryItem:hover{border-color:rgba(0,122,255,.28);box-shadow:0 14px 34px rgba(0,122,255,.09)}
.popupModalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.28);backdrop-filter:blur(10px);z-index:300;display:flex;align-items:center;justify-content:center;padding:18px}
.popupModal{position:relative;width:min(720px,100%);max-height:88vh;overflow:auto;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.24);padding:24px}
.popupModal h3{margin:0 0 12px;font-size:24px;letter-spacing:-.04em}.popupModal p{line-height:1.5}.popupModal ul{padding-left:20px}.popupModal .row{margin:10px 0 14px}

/* v5.9 Trading-läge */
.tradingHero{border:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.tradingHero.red{box-shadow:0 0 0 1px rgba(255,80,80,.35),0 18px 45px rgba(255,0,0,.08)}
.tradingHero.green{box-shadow:0 0 0 1px rgba(70,220,130,.35),0 18px 45px rgba(0,255,100,.08)}
.tradingHero.yellow{box-shadow:0 0 0 1px rgba(255,210,80,.35),0 18px 45px rgba(255,200,0,.08)}
.tradingItem{cursor:default;border-left:5px solid rgba(255,255,255,.16)}
.tradingItem.red{border-left-color:#ff4d4d;background:linear-gradient(90deg,rgba(255,0,0,.10),rgba(255,255,255,.02))}
.tradingItem.green{border-left-color:#35d07f;background:linear-gradient(90deg,rgba(0,220,100,.10),rgba(255,255,255,.02))}
.tradingItem.yellow{border-left-color:#ffd24d;background:linear-gradient(90deg,rgba(255,210,0,.10),rgba(255,255,255,.02))}
.tradeScore{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0}
.tradeScore b{font-size:20px}.tradeScore span{opacity:.82}.newsClickable{cursor:pointer}.newsClickable:hover{transform:translateY(-1px);background:rgba(255,255,255,.06)}

/* v6.0 Smart filtrering + redigerbar portfölj */
#newsFilter{min-width:220px;border-radius:14px;padding:10px 12px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.82);font-weight:800;color:var(--text)}
.portfolioEdit{margin:10px 0 12px;padding:12px;border-radius:18px;border:1px solid rgba(0,122,255,.18);background:rgba(0,122,255,.06)}
.portfolioEdit.hidden{display:none}
.portfolioEdit h4{margin:0 0 8px;font-size:14px;color:#1d1d1f}
.portfolioEdit .row{gap:8px;align-items:center}
.portfolioEdit input{min-width:120px;background:rgba(255,255,255,.92)}
.portfolioItem.editing{box-shadow:0 0 0 2px rgba(0,122,255,.18),0 18px 42px rgba(0,122,255,.08)}
.newsClickable .badge,.newsClickable .small{line-height:1.4}
@media(max-width:700px){#newsFilter{width:100%;min-width:0}.portfolioEdit .row input,.portfolioEdit .row button{width:100%;min-width:100%}}


/* v6.1: optimerad popuphistorik */
.popupHistoryItem{position:relative;overflow:hidden}
.popupHistoryItem::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#98a2b3}
.popupHistoryItem.popup-red::before{background:#ff3b30}.popupHistoryItem.popup-yellow::before{background:#ffcc00}.popupHistoryItem.popup-green::before{background:#34c759}
.popupHistoryItem.popup-red{background:rgba(255,59,48,.06);border-color:rgba(255,59,48,.20)}
.popupHistoryItem.popup-yellow{background:rgba(255,204,0,.10);border-color:rgba(255,204,0,.28)}
.popupHistoryItem.popup-green{background:rgba(52,199,89,.07);border-color:rgba(52,199,89,.22)}
.popupSeverity{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.popupSeverity.red{background:#ffebe9;color:#b42318}.popupSeverity.yellow{background:#fff8cc;color:#8a6100}.popupSeverity.green{background:#eafaf0;color:#027a48}
#popupSearch{min-width:260px;flex:1}.popupModal .popupSeverity{margin-left:4px}.popup p{line-height:1.45}
.switchPlan{margin-top:14px;padding-top:12px;border-top:1px solid rgba(118,118,128,.18)}
.switchPlan ul{margin:8px 0 0 18px;padding:0}
.switchPlan li{margin:6px 0;line-height:1.45}
.portfolioSummary .small{margin-top:8px}
.buyCalc{margin-top:8px;padding:8px 10px;border-radius:12px;background:rgba(46,125,50,.10);}

/* v6.2 modern portfolio input + risk mode */
.portfolioTop{align-items:stretch}
.portfolioAddCard,.portfolioModeCard{overflow:visible}
.formHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}
.modernPortfolioForm{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(260px,1.35fr);gap:14px;align-items:end;max-width:100%;overflow:visible}
.modernPortfolioForm .field{display:flex;flex-direction:column;gap:7px;min-width:0}
.modernPortfolioForm .field span{font-size:13px;font-weight:850;color:#3a3a3c;display:flex;align-items:center;gap:6px}
.modernPortfolioForm .field em{font-style:normal;color:#86868b;font-weight:700}
.modernPortfolioForm input,.modernPortfolioForm select{width:100%;min-height:54px;border-radius:18px;font-size:16px;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.07)}
.modernPortfolioForm .fieldSearch{grid-column:span 1}
.modernPortfolioForm .fieldSearch .searchResults{width:100%;min-width:0}
.modernPortfolioForm .addPortfolioBtn{grid-column:1 / -1;min-height:58px;border-radius:18px;font-size:16px}
.helpDot{display:inline-grid;place-items:center;width:20px;height:20px;min-height:20px;padding:0;border-radius:999px;background:rgba(0,122,255,.12)!important;color:#0057d9!important;box-shadow:none!important;border:1px solid rgba(0,122,255,.20)!important;font-size:12px;font-weight:900;cursor:help}
.riskChooser{display:grid;gap:10px;margin:14px 0}
.riskChooser label{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:start;padding:13px 14px;border-radius:18px;border:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.58);cursor:pointer;transition:background .15s ease, border-color .15s ease, transform .15s ease}
.riskChooser label:hover{background:rgba(255,255,255,.86);transform:translateY(-1px)}
.riskChooser input{grid-row:span 2;margin-top:3px;min-height:auto;box-shadow:none}
.riskChooser b{font-size:15px;letter-spacing:-.02em}
.riskChooser span{font-size:12px;color:#6e6e73;line-height:1.35}
.riskChooser label:has(input:checked){border-color:rgba(0,122,255,.36);background:rgba(0,122,255,.10)}
.modeHint{border-radius:16px;background:rgba(118,118,128,.10);padding:11px 12px;margin:10px 0 14px;color:#3a3a3c;font-size:13px}
@media(max-width:1200px){.modernPortfolioForm{grid-template-columns:1fr 1fr}.modernPortfolioForm .fieldSearch{grid-column:span 1}.modernPortfolioForm .addPortfolioBtn{grid-column:1 / -1}}
@media(max-width:700px){.modernPortfolioForm{grid-template-columns:1fr}.modernPortfolioForm .fieldSearch,.modernPortfolioForm .addPortfolioBtn{grid-column:auto}.modernPortfolioForm input,.modernPortfolioForm select{min-height:52px}.riskChooser label{grid-template-columns:auto 1fr}}

.alwaysPlan{margin-top:14px;padding:14px;border-radius:18px;background:rgba(255,255,255,.55);border:1px solid rgba(15,23,42,.08)}
.redPlan{border-color:rgba(239,68,68,.28)}
.miniPlan{margin-top:12px;padding:12px;border-radius:14px;background:rgba(15,23,42,.04)}
.miniPlan ul{margin:.35rem 0 0 1.1rem}

/* v6.3 fix: portfolio form must never hide price field */
.portfolioAddCard{min-width:0}
.portfolioTop{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}
.modernPortfolioForm .field input{box-sizing:border-box}
@media(max-width:1100px){.portfolioTop{grid-template-columns:1fr}.portfolioModeCard{order:2}.portfolioAddCard{order:1}}

/* ===== v6.2 settings, dark mode and clearer help ===== */
html[data-theme="dark"]{
  --bg:#0b0f17;--card:rgba(22,27,38,.82);--text:#f5f7fb;--muted:#a8b0c2;--border:rgba(255,255,255,.12);--shadow:0 22px 70px rgba(0,0,0,.38),0 2px 12px rgba(0,0,0,.28);--glass:rgba(15,19,29,.78);--glass-strong:rgba(22,27,38,.92)
}
html[data-theme="dark"],html[data-theme="dark"] body{background:#0b0f17;color:var(--text)}
html[data-theme="dark"] body{background:radial-gradient(circle at 15% 0%,rgba(0,122,255,.16),transparent 34%),radial-gradient(circle at 100% 12%,rgba(52,199,89,.10),transparent 28%),linear-gradient(180deg,#121826 0%,#0b0f17 70%)}
html[data-theme="dark"] .side,html[data-theme="dark"] .card,html[data-theme="dark"] .listitem,html[data-theme="dark"] .signal,html[data-theme="dark"] .resultBox,html[data-theme="dark"] .popup{background:var(--card);border-color:var(--border)}
html[data-theme="dark"] input,html[data-theme="dark"] select{background:rgba(255,255,255,.08);color:var(--text);border-color:rgba(255,255,255,.10)}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus{background:rgba(255,255,255,.12)}
html[data-theme="dark"] button.secondary,html[data-theme="dark"] .starBtn{background:rgba(255,255,255,.09);color:var(--text);border-color:rgba(255,255,255,.14)}
html[data-theme="dark"] .nav button{color:#d7dce8}html[data-theme="dark"] .nav button.active,html[data-theme="dark"] .nav button:hover{background:rgba(10,132,255,.20);color:#8ec5ff}html[data-theme="dark"] .muted,html[data-theme="dark"] .small,html[data-theme="dark"] .top p{color:var(--muted)}
html[data-theme="dark"] .pill{background:rgba(255,255,255,.08);color:#e7ebf5;border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .resultBox>div:hover{background:rgba(255,255,255,.10)}
.checkRow{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:start;padding:12px 13px;border:1px solid var(--border);border-radius:16px;background:rgba(118,118,128,.08);margin:8px 0;cursor:pointer}.checkRow input{grid-row:span 2;min-height:auto;margin-top:3px}.checkRow span{font-size:12px;color:var(--muted);line-height:1.35}.tabVisibility{margin:10px 0 14px}.helpDot{display:inline-grid;place-items:center;width:20px;height:20px;min-height:20px;padding:0;margin-left:3px;border-radius:999px;background:rgba(0,122,255,.14);color:#0057d9;box-shadow:none;font-size:12px}.menuTools{gap:7px;flex-wrap:wrap}.modeHint{line-height:1.4}.livePrice em{display:block;margin-top:3px}.listitem .livePrice{margin-top:6px}

/* v6.5 portfolio popups */
.popup.portfolioPopup{border-color:rgba(88,86,214,.46);background:linear-gradient(135deg,rgba(88,86,214,.96),rgba(0,122,255,.92));color:#fff;box-shadow:0 18px 52px rgba(88,86,214,.28)}
.popup.portfolioPopup .small,.popup.portfolioPopup p{color:rgba(255,255,255,.92)}
.popupHistoryItem.popup-portfolio{border:2px solid rgba(88,86,214,.38);background:linear-gradient(135deg,rgba(88,86,214,.13),rgba(0,122,255,.08),rgba(255,255,255,.75))!important;box-shadow:0 12px 32px rgba(88,86,214,.10)}
.popupHistoryItem.popup-portfolio::before{background:linear-gradient(180deg,#5856d6,#007aff)!important;width:8px}
.portfolioBadge{background:rgba(88,86,214,.14);border-color:rgba(88,86,214,.30);color:#3430a8}
body.dark .popupHistoryItem.popup-portfolio{background:linear-gradient(135deg,rgba(88,86,214,.24),rgba(0,122,255,.14),rgba(28,28,30,.88))!important}
body.dark .portfolioBadge{background:rgba(88,86,214,.28);color:#d8d7ff}

/* v6.8: minst antal innehav */
.minHoldingsPlan{
  border:1px solid rgba(0,122,255,.25);
  background:linear-gradient(135deg,rgba(0,122,255,.08),rgba(175,82,222,.08));
}
.minHoldingsPlan h3{margin-top:0}
.minHoldingsField{margin:14px 0 4px;max-width:260px}
.minHoldingsField select{width:100%}

/* v6.9 Likvida medel i portfölj */
.portfolioCashCard{border:1px solid rgba(0,122,255,.22);background:linear-gradient(180deg,rgba(0,122,255,.08),rgba(255,255,255,.72));}
body.dark .portfolioCashCard{background:linear-gradient(180deg,rgba(10,132,255,.14),rgba(28,28,30,.82));}
.cashGrid{align-items:end;}
.cashTotalBox{border-radius:18px;padding:14px 16px;background:rgba(0,122,255,.1);border:1px solid rgba(0,122,255,.22);min-height:74px;display:flex;flex-direction:column;justify-content:center;}
.cashTotalBox span{font-size:13px;color:var(--muted);}
.cashTotalBox b{font-size:24px;}
.cashPlan{border-left:5px solid #0a84ff;}

/* v6.13: uppdateringsklocka för live/AI */
.updateClock{
  display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center;
  margin:10px 0 14px; padding:10px 12px; border-radius:16px;
  background:linear-gradient(135deg, rgba(0,122,255,.10), rgba(88,86,214,.10));
  border:1px solid rgba(0,122,255,.20); color:#1d1d1f;
}
.updateClock .clockIcon{font-size:18px; line-height:1;}
.updateClock span{font-size:13px; color:#5f6368;}
.updateClock strong{color:#111827; font-variant-numeric:tabular-nums;}
body.dark .updateClock{background:linear-gradient(135deg, rgba(10,132,255,.18), rgba(94,92,230,.18)); border-color:rgba(10,132,255,.35); color:#f5f5f7;}
body.dark .updateClock span{color:#c7c7cc;}
body.dark .updateClock strong{color:#fff;}

/* v6.17: visa hela popup-texter och tydligare analysvy */
.popupHistoryItem{align-items:flex-start;white-space:normal;overflow:visible}
.popupHistoryItem p,.popupFullText{white-space:normal;overflow:visible;text-overflow:clip;display:block;line-height:1.55;max-height:none}
.popup{max-height:min(78vh,720px);overflow:auto;white-space:normal}
.popup p{white-space:normal;overflow:visible;text-overflow:clip;max-height:none}
.analysisDecision.green{border-color:rgba(52,199,89,.32);background:rgba(52,199,89,.08)}
.analysisDecision.yellow{border-color:rgba(255,204,0,.36);background:rgba(255,204,0,.10)}
.analysisDecision.red{border-color:rgba(255,59,48,.30);background:rgba(255,59,48,.07)}
.analysisDataGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.analysisDataGrid div{border:1px solid var(--border);border-radius:14px;padding:12px;background:rgba(255,255,255,.62)}
.analysisDataGrid b{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.analysisDataGrid span{font-weight:800}
@media(max-width:700px){.analysisDataGrid{grid-template-columns:1fr}}
.sellOffBtn{border-color:#fecaca!important;background:#fff1f2!important;color:#991b1b!important;font-weight:800!important}
.sellOffBtn:hover{background:#ffe4e6!important}

/* v6.27: Dagens resultat i portföljen */
.dailyResultBox{margin:10px 0 12px;padding:12px 14px;border-radius:18px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.66);display:inline-flex;flex-direction:column;gap:2px;min-width:240px;box-shadow:0 8px 24px rgba(0,0,0,.05)}
.dailyResultBox span{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:900}
.dailyResultBox b{font-size:28px;line-height:1.05;font-weight:950;font-variant-numeric:tabular-nums;color:#111827}
.dailyResultBox em{font-style:normal;font-weight:800;color:var(--muted)}
.dailyResultBox p{margin:4px 0 0;max-width:560px}
.dailyResultBox.positive{background:linear-gradient(135deg,rgba(52,199,89,.14),rgba(255,255,255,.72));border-color:rgba(52,199,89,.28)}
.dailyResultBox.positive b{color:#047857}
.dailyResultBox.negative{background:linear-gradient(135deg,rgba(255,59,48,.13),rgba(255,255,255,.72));border-color:rgba(255,59,48,.28)}
.dailyResultBox.negative b{color:#b91c1c}
.dailyResultBox.neutral{background:linear-gradient(135deg,rgba(255,204,0,.14),rgba(255,255,255,.72));border-color:rgba(255,204,0,.28)}
body.dark .dailyResultBox{background:rgba(44,44,46,.72);border-color:rgba(255,255,255,.12)}
body.dark .dailyResultBox b{color:#fff}
body.dark .dailyResultBox.positive b{color:#30d158}
body.dark .dailyResultBox.negative b{color:#ff6961}

/* v6.28 - portföljens översiktsrutor på rad + flyttbar ordning */
.portfolioMetricRow{display:grid;grid-template-columns:repeat(6,minmax(118px,1fr));gap:8px;margin:10px 0 12px;align-items:stretch}
.portfolioMetricCard{padding:9px 10px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.70);box-shadow:0 6px 18px rgba(0,0,0,.04);min-height:88px;display:flex;flex-direction:column;gap:4px}
.portfolioMetricCard .metricTop{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}
.portfolioMetricCard span{font-size:10.5px;text-transform:uppercase;letter-spacing:.035em;color:var(--muted);font-weight:950}
.portfolioMetricCard b{font-size:20px;line-height:1.05;font-weight:950;font-variant-numeric:tabular-nums;color:#111827;word-break:break-word}
.portfolioMetricCard p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.25}
.portfolioMetricCard.positive{background:linear-gradient(135deg,rgba(52,199,89,.14),rgba(255,255,255,.72));border-color:rgba(52,199,89,.28)}
.portfolioMetricCard.positive b{color:#047857}
.portfolioMetricCard.negative{background:linear-gradient(135deg,rgba(255,59,48,.13),rgba(255,255,255,.72));border-color:rgba(255,59,48,.28)}
.portfolioMetricCard.negative b{color:#b91c1c}
.portfolioMetricCard.neutral{background:linear-gradient(135deg,rgba(10,132,255,.10),rgba(255,255,255,.72));border-color:rgba(10,132,255,.20)}
.metricMove{display:flex;gap:4px;opacity:.72;transition:opacity .15s ease}
.portfolioMetricCard:hover .metricMove{opacity:1}
.miniMove{min-width:26px!important;height:26px!important;padding:0!important;border-radius:9px!important;font-weight:900!important;font-size:13px!important;line-height:1!important}
.miniMove:disabled{opacity:.25;cursor:not-allowed}
body.dark .portfolioMetricCard{background:rgba(44,44,46,.72);border-color:rgba(255,255,255,.12)}
body.dark .portfolioMetricCard b{color:#fff}
body.dark .portfolioMetricCard.positive b{color:#30d158}
body.dark .portfolioMetricCard.negative b{color:#ff6961}
@media(max-width:1100px){.portfolioMetricRow{grid-template-columns:repeat(3,minmax(130px,1fr))}}
@media(max-width:640px){.portfolioMetricRow{grid-template-columns:repeat(2,minmax(120px,1fr))}.portfolioMetricCard b{font-size:18px}}

.dbSyncWrap{display:flex;align-items:center;gap:8px;margin-right:12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06)}
.dbSyncPanel{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:8px}
.dbSyncDot{width:12px;height:12px;border-radius:50%;display:inline-block;background:#ff4d4f;box-shadow:0 0 10px rgba(255,77,79,.7)}
.dbSyncDot.ok{background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.8)}
.dbSyncDot.bad{background:#ff4d4f;box-shadow:0 0 10px rgba(255,77,79,.8)}
.dbSyncText{font-size:12px;font-weight:600}

/* ===== Fix: Responsiv budgetruta alla skärmstorlekar ===== */
.budgetForm{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)) !important;
  gap:12px !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
}
.budgetForm input,
.budgetForm select,
.budgetForm button{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}
.budgetForm #bNote{
  grid-column:1 / -1 !important;
}
.budgetForm button{
  grid-column:auto !important;
  white-space:nowrap !important;
}
@media(max-width:1200px){
  .budgetForm{grid-template-columns:1fr !important;}
  .budgetForm #bNote,.budgetForm button{grid-column:1 / -1 !important;}
}
@media(max-width:1350px){
  .grid.cols2{grid-template-columns:1fr !important;}
}

/* v6.37 AI börsdagen / marknadsindikator */
.marketOutlook{margin:12px 0 16px;padding:16px;border-radius:22px;border:1px solid var(--border);background:rgba(255,255,255,.54)}
.marketOutlook.green{border-color:rgba(52,199,89,.38);background:linear-gradient(135deg,rgba(52,199,89,.14),rgba(255,255,255,.62))}
.marketOutlook.red{border-color:rgba(255,59,48,.38);background:linear-gradient(135deg,rgba(255,59,48,.13),rgba(255,255,255,.62))}
.marketOutlook.yellow,.marketOutlook.neutral{border-color:rgba(255,204,0,.42);background:linear-gradient(135deg,rgba(255,204,0,.16),rgba(255,255,255,.62))}
.marketOutlookHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.marketOutlookHead h3{margin:8px 0 0}.marketOutlook p{line-height:1.45}.marketOutlook ul{margin:8px 0 8px 18px;padding:0}.marketOutlook li{margin:4px 0;color:var(--muted)}
@media(max-width:700px){.marketOutlookHead button{width:100%}}

/* v6.60 – snyggare och mer konsekvent portföljflöde */
.portfolioTop .card,.portfolioCashCard,.portfolioSummary{border-radius:22px;box-shadow:0 14px 36px rgba(15,23,42,.08)}
.portfolioCashCard h3{display:flex;align-items:center;gap:8px}
.portfolioCashCard h3:before{content:'💧'}
.cashGrid{gap:14px}.cashTotalBox{border-radius:18px;padding:14px 16px;background:rgba(255,255,255,.72);border:1px solid rgba(0,122,255,.18)}
body.dark .cashTotalBox{background:rgba(44,44,46,.72)}
.portfolioItem{border-radius:20px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.58));transition:box-shadow .15s ease, transform .15s ease}
body.dark .portfolioItem{background:linear-gradient(180deg,rgba(44,44,46,.82),rgba(28,28,30,.72))}
.portfolioItem:hover{box-shadow:0 16px 36px rgba(15,23,42,.08);transform:translateY(-1px)}
.portfolioItem>div:last-child{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-content:flex-start}
.portfolioItem button{white-space:nowrap}.sellOffBtn{border-color:#fecaca!important;background:#fff1f2!important;color:#991b1b!important;font-weight:800!important}

.horizonLine{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 6px}.horizonBadge,.convictionBadge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;border:1px solid transparent}.horizonBadge.short{background:rgba(0,122,255,.12);color:#0057d9;border-color:rgba(0,122,255,.20)}.horizonBadge.long{background:rgba(52,199,89,.14);color:#0b7f34;border-color:rgba(52,199,89,.22)}.horizonBadge.both{background:rgba(88,86,214,.13);color:#4235a8;border-color:rgba(88,86,214,.24)}.convictionBadge.strong{background:rgba(52,199,89,.14);color:#0b7f34}.convictionBadge.watch{background:rgba(255,204,0,.20);color:#8a6400}body.dark .horizonBadge.short{background:rgba(10,132,255,.22);color:#9dccff}body.dark .horizonBadge.long{background:rgba(48,209,88,.18);color:#a7f3b8}body.dark .horizonBadge.both{background:rgba(94,92,230,.22);color:#cbc9ff}body.dark .convictionBadge.watch{color:#ffd866}
.goalProgress{height:12px;background:rgba(148,163,184,.22);border-radius:999px;overflow:hidden;margin:10px 0}.goalProgress i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#84cc16);border-radius:999px}.goalMonthBars{height:150px;display:flex;align-items:end;gap:10px;padding:10px 0}.goalMonthBars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-width:22px}.goalMonthBars i{display:block;width:100%;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#38bdf8,#2563eb);min-height:4px}.goalMonthBars span{font-size:11px;color:var(--muted)}.goalItem .goalMain{width:100%}.pepCard{background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(59,130,246,.10))}

/* v6.65 Att göra */
.adviceTodo.green{border-left:8px solid #16a34a;background:linear-gradient(90deg,rgba(22,163,74,.12),rgba(255,255,255,.96));}
.adviceTodo.red{border-left:8px solid #dc2626;background:linear-gradient(90deg,rgba(220,38,38,.12),rgba(255,255,255,.96));}
.miniStat.green{border:1px solid rgba(22,163,74,.28);background:rgba(22,163,74,.08)}
.miniStat.red{border:1px solid rgba(220,38,38,.28);background:rgba(220,38,38,.08)}
body.dark .adviceTodo.green{background:linear-gradient(90deg,rgba(22,163,74,.18),rgba(15,23,42,.92));}
body.dark .adviceTodo.red{background:linear-gradient(90deg,rgba(220,38,38,.18),rgba(15,23,42,.92));}


/* === Mobile compact/minimize update === */
@media (max-width: 768px) {

  .sidebar,
  .menu-panel,
  .left-panel,
  .portfolio-panel,
  .ai-panel {
    max-height: 64px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    border-radius: 18px !important;
  }

  .sidebar.expanded,
  .menu-panel.expanded,
  .left-panel.expanded,
  .portfolio-panel.expanded,
  .ai-panel.expanded {
    max-height: 85vh !important;
    overflow: auto !important;
  }

  .mobile-collapse-button {
    width: 100%;
    padding: 14px;
    font-size: 16px;
    border-radius: 14px;
    margin-bottom: 10px;
    cursor: pointer;
  }

  .mobile-topbar {
    position: sticky;
    top: 0;
    z-index: 999;
    padding: 10px;
    background: rgba(15,15,15,0.95);
    backdrop-filter: blur(10px);
  }

  .card,
  .portfolio-card,
  .ai-card {
    margin-bottom: 14px !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  body {
    padding-bottom: 30px !important;
  }
}


/* ===== REAL MOBILE OVERHAUL ===== */
@media (max-width: 768px){

body{
  font-size:16px !important;
  overflow-x:hidden !important;
}

.sidebar,
.left-sidebar,
.menu,
.navigation,
.navbar{
  width:100% !important;
  max-width:100% !important;
  position:relative !important;
}

.topbar,
.header{
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  padding:12px !important;
}

.card,
.widget,
.panel,
.portfolio-card,
.ai-card{
  width:100% !important;
  margin:10px 0 !important;
  padding:18px !important;
  border-radius:22px !important;
  box-sizing:border-box !important;
}

.grid,
.dashboard-grid,
.cards{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

.table,
table{
  display:block !important;
  overflow-x:auto !important;
  white-space:nowrap !important;
}

.mobile-collapsible{
  max-height:72px;
  overflow:hidden;
  transition:all .35s ease;
}

.mobile-collapsible.open{
  max-height:1200px;
}

.mobile-toggle{
  width:100%;
  padding:14px;
  border:none;
  border-radius:16px;
  margin-bottom:10px;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
}

select{
  width:100% !important;
  min-height:52px !important;
  font-size:16px !important;
  border-radius:16px !important;
  padding:12px !important;
}

button{
  min-height:48px !important;
  font-size:15px !important;
  border-radius:14px !important;
}

h1,h2,h3{
  line-height:1.2 !important;
}

}


/* v7.21: stabil mobiluppdatering utan flikhopp */
@media (max-width: 768px){
  .main{ scroll-margin-top: 0 !important; }
  #view{ min-height: 60vh; }
  .mobileTopMenu, .mobileTopbar, .top{
    overscroll-behavior: contain;
  }
}