/* Money-management calculator + sticky update + language switch */

.lang-switch{
  display:flex;flex-direction:column;align-items:flex-end;gap:0.25rem;
  margin-left:0.5rem;
}
.lang-switch-label{
  font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);
}
.lang-switch-opts{
  display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:280px;
}
.lang-opt{
  appearance:none;border:1px solid var(--line);background:rgba(15,22,36,0.9);
  color:var(--muted);font-family:var(--font-mono);font-size:10px;
  padding:4px 7px;border-radius:5px;cursor:pointer;line-height:1;
  display:inline-flex;align-items:center;gap:5px;transition:0.15s;
}
.lang-flag{
  width:18px;height:12px;object-fit:cover;border-radius:2px;
  box-shadow:0 0 0 1px rgba(255,255,255,0.12);
  flex-shrink:0;
}
.lang-code{letter-spacing:0.04em}
.lang-opt:hover{color:var(--text);border-color:rgba(76,141,255,0.45)}
.lang-opt.is-active{
  color:#fff;background:var(--pm-blue);border-color:var(--pm-blue);
}
.lang-opt.is-active .lang-flag{box-shadow:0 0 0 1px rgba(255,255,255,0.35)}

.nav{
  display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;
}
.nav-links{flex:1;min-width:0}

.mm-calc{
  margin:1.75rem 0 1.25rem;
  padding:1.25rem 1.1rem 1.35rem;
  border-radius:14px;
  border:1px solid var(--line);
  background:
    linear-gradient(145deg, rgba(22,82,240,0.08), transparent 42%),
    linear-gradient(320deg, rgba(255,138,61,0.07), transparent 40%),
    rgba(10,14,24,0.92);
  box-shadow:0 0 0 1px rgba(255,255,255,0.02), 0 18px 40px rgba(0,0,0,0.28);
}
.deep-df .mm-calc{
  border-color:rgba(76,141,255,0.35);
  background:
    linear-gradient(150deg, rgba(22,82,240,0.16), transparent 45%),
    rgba(10,14,24,0.95);
}
.deep-arb .mm-calc{
  border-color:rgba(0,211,149,0.32);
  background:
    linear-gradient(150deg, rgba(0,211,149,0.12), transparent 45%),
    rgba(10,14,24,0.95);
}
.mm-calc-head{margin-bottom:1rem;max-width:52rem}
.mm-title{
  font-family:var(--font-d);font-size:clamp(1.05rem,2.2vw,1.35rem);
  margin:0 0 0.45rem;letter-spacing:0.02em;
}
.mm-lead{margin:0;font-size:0.92rem}

.mm-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:1rem;
}
@media(max-width:860px){
  .mm-grid{grid-template-columns:1fr}
  .mm-panel-h{min-height:0}
}

.mm-panel{
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  border-radius:12px;padding:1rem 0.95rem 1.05rem;
  border:1px solid var(--line);
  min-height:100%;
}
.mm-beginner{
  background:
    linear-gradient(180deg, rgba(0,211,149,0.1), transparent 38%),
    rgba(8,18,16,0.85);
  border-color:rgba(0,211,149,0.28);
}
.mm-expert{
  background:
    linear-gradient(180deg, rgba(255,176,32,0.12), transparent 38%),
    rgba(18,14,8,0.88);
  border-color:rgba(255,176,32,0.3);
}
.mm-panel-h{
  min-height:7.25rem;
  display:flex;
  flex-direction:column;
}
.mm-panel-h h4{
  font-family:var(--font-d);font-size:0.95rem;margin:0.45rem 0 0.35rem;
  text-transform:none;letter-spacing:0.03em;color:var(--text);
}
.mm-panel-h p{
  margin:0;color:var(--muted);font-size:0.82rem;line-height:1.45;
  flex:1;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
.mm-badge{
  display:inline-block;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;
  font-family:var(--font-mono);padding:3px 8px;border-radius:999px;border:1px solid;
  width:fit-content;
}
.mm-badge-new{color:#7dffd0;border-color:rgba(0,211,149,0.45);background:rgba(0,211,149,0.08)}
.mm-badge-pro{color:#ffd27a;border-color:rgba(255,176,32,0.5);background:rgba(255,176,32,0.1)}

.mm-balance-chip{
  display:flex;align-items:center;justify-content:space-between;gap:0.75rem;
  margin:0.9rem 0 0.75rem;padding:0.55rem 0.75rem;border-radius:8px;
  min-height:3.1rem;
  box-sizing:border-box;
  background:rgba(0,211,149,0.08);border:1px dashed rgba(0,211,149,0.35);
}
.mm-balance-chip > span{font-size:0.78rem;color:var(--muted);flex:1;min-width:0}
.mm-balance-chip strong{font-family:var(--font-d);font-size:1.25rem;color:#7dffd0;flex-shrink:0}
.mm-balance-chip-expert{
  background:rgba(255,176,32,0.08);border:1px dashed rgba(255,176,32,0.4);
  cursor:text;
}
.mm-input-row{
  display:flex;align-items:center;gap:0.35rem;
  padding:0.2rem 0.4rem;border-radius:6px;
  border:1px solid rgba(255,176,32,0.45);
  background:rgba(0,0,0,0.35);
  flex-shrink:0;
  min-width:0;
}
.mm-currency{font-family:var(--font-mono);color:#ffd27a}
.mm-balance-input{
  width:5.5rem;max-width:28vw;border:0;outline:0;background:transparent;
  color:var(--text);font-family:var(--font-mono);font-size:1.1rem;
}
.mm-max{font-size:10px;color:var(--muted);white-space:nowrap}

.mm-rows{display:flex;flex-direction:column;gap:0.55rem}
.mm-row{
  padding:0.55rem 0.6rem;border-radius:8px;
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);
}
.mm-row-top{display:flex;justify-content:space-between;align-items:baseline;gap:0.75rem}
.mm-key{font-size:0.72rem;color:var(--pm-blue-2)}
.mm-val{font-family:var(--font-d);font-size:0.95rem;color:var(--text)}
.mm-beginner .mm-val{color:#9ef5d4}
.mm-expert .mm-val{color:#ffd27a}
.mm-tip{margin:0.35rem 0 0;font-size:0.78rem;line-height:1.45;color:var(--muted)}
.mm-note{
  margin:0.85rem 0 0;font-size:0.78rem;line-height:1.45;color:var(--muted);
  border-top:1px solid rgba(255,255,255,0.06);padding-top:0.7rem;
}

/* Sticky update widget — right middle edge */
.mm-sticky{
  position:fixed;right:0;top:50%;transform:translateY(-50%);
  z-index:90;width:min(210px,42vw);
  padding:0.85rem 0.85rem 0.95rem;
  border-radius:12px 0 0 12px;
  border:1px solid rgba(255,176,32,0.45);
  border-right:0;
  background:
    linear-gradient(135deg, rgba(255,176,32,0.18), rgba(22,82,240,0.12)),
    rgba(8,12,22,0.96);
  box-shadow:-8px 12px 28px rgba(0,0,0,0.35);
  backdrop-filter:blur(10px);
  animation:mmStickyIn 0.55s ease-out both;
}
.mm-sticky.is-hidden{display:none}
.mm-sticky-close{
  position:absolute;top:4px;right:8px;border:0;background:transparent;
  color:var(--muted);font-size:16px;cursor:pointer;line-height:1;
}
.mm-sticky-tag{
  display:inline-block;font-size:9px;letter-spacing:0.14em;text-transform:uppercase;
  color:#ffd27a;font-family:var(--font-mono);margin-bottom:0.35rem;
}
.mm-sticky-title{
  font-family:var(--font-d);font-size:0.82rem;margin:0 0 0.4rem;line-height:1.25;
  padding-right:1rem;
}
.mm-sticky-body{margin:0 0 0.65rem;font-size:0.72rem;line-height:1.4;color:var(--muted)}
.mm-sticky-links{display:flex;flex-direction:column;gap:0.3rem}
.mm-sticky-links a{
  font-size:0.72rem;color:var(--pm-blue-2);text-decoration:none;
  border-bottom:1px dashed rgba(76,141,255,0.4);width:fit-content;
}
.mm-sticky-links a:hover{color:#fff}
@keyframes mmStickyIn{
  from{opacity:0;transform:translate(24px,-50%)}
  to{opacity:1;transform:translate(0,-50%)}
}

@media(max-width:720px){
  .mm-sticky{
    top:auto;bottom:0.75rem;right:0.5rem;transform:none;width:min(190px,70vw);
    border-radius:12px;border-right:1px solid rgba(255,176,32,0.45);
    animation:none;
  }
  .lang-switch{width:100%;align-items:flex-start}
  .lang-switch-opts{justify-content:flex-start;max-width:100%}
}