/* ===== MAIN ===== */
  .main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;background:transparent}
  .topbar-mobile{display:none;position:absolute;top:10px;left:18px;right:18px;z-index:40;
    padding:14px 18px;align-items:center;justify-content:space-between;border-radius:var(--r);
    background:var(--surface-chrome);
    backdrop-filter:blur(24px) saturate(115%);-webkit-backdrop-filter:blur(24px) saturate(115%);
    border:1px solid rgba(255,255,255,.10);box-shadow:0 8px 30px rgba(0,0,0,.15);
    --paper:#1A1B1D;--paper-2:#202225;--ink:#F5F5F3;--ink-soft:#C8C8C8;--ink-faint:#9B9B9B;
    --line:rgba(255,255,255,.16);--line-soft:rgba(255,255,255,.10);--neutral:#B9B9B1;--btn-rgb:79,161,137;
    --btn-72:rgba(79,161,137,.72);--btn-74:rgba(79,161,137,.74);--btn-86:rgba(79,161,137,.86)}
  .wordmark{display:flex;align-items:center;gap:8px}
  .wordmark .logo-text{font-size:19px}
  .sidebar .pivot-logo-full,.topbar-mobile .pivot-logo-full{background-image:var(--logo-dark-src)}
  .icon-btn{width:38px;height:38px;border:none;background:none;
    display:grid;place-items:center;cursor:pointer;color:#fff;flex:none;transition:opacity .15s;opacity:.85}
  .icon-btn:hover{opacity:1}
  .icon-btn svg{width:20px;height:20px}
  .icon-btn .nav-ico{background-color:#fff}
  #notif-btn{position:relative}
  .notif-count{position:absolute;top:2px;right:1px;font-family:var(--font-numeric),-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    font-size:10px;font-weight:700;color:#fff;line-height:1;pointer-events:none}

  .screen{flex:1;overflow-y:auto;padding:8px 30px 40px}
  .screen::-webkit-scrollbar{width:8px}
  .screen::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--r)}
  .view{display:none;animation:fade .45s cubic-bezier(.16,1,.3,1) both;max-width:680px;margin-left:auto;margin-right:auto}
  .view.wide{max-width:760px}
  .view.active{display:block}
  @keyframes fade{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}