/* ── TOPBAR ── */
    .topbar{
      position:sticky;top:0;z-index:50;
      border-bottom:1px solid var(--line);
      background: var(--topbar-bg);
      backdrop-filter:blur(20px);
      width:100%;
      overflow: visible;          /* 讓子元素 tooltip 不被裁切 */
      transition: background-color var(--tr), border-color var(--tr);
    }
    .topbar-inner{
      width:80%;margin:0 auto;padding:16px 28px 14px;
      display:flex;align-items:center;justify-content:space-between;gap:16px;
      overflow: visible;          /* 讓子元素 tooltip 不被裁切 */
    }
    .brand{display:flex;align-items:center;gap:12px}
    .brand-mark{
      width:40px;height:40px;border-radius:14px;
      background:var(--brand-mark-bg);color:var(--brand-mark-text);
      display:grid;place-items:center;
      font-size:16px;font-weight:700;
      box-shadow:var(--shadow-xs);flex-shrink:0;
      transition: var(--tr);
      cursor: default;
    }
    .brand-mark:hover{
      transform: scale(1.05) rotate(-4deg);
      box-shadow: var(--shadow-sm);
    }
    .brand h1{font-size:16px;font-weight:700;letter-spacing:-.025em;line-height:1}
    .brand p{font-size:12px;color:var(--muted);margin-top:3px}
    .topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}

    /* 註: .topbar-add-btn 已移除(死代碼,HTML/JS 無使用) */

    .ghost-btn{
      background:var(--pastel-mint);color:var(--stamp-approved-text);
      height:38px;padding:0 18px;border-radius:14px;border:none;
      font-size:14px;font-weight:600;
      box-shadow:var(--shadow-xs);transition:var(--tr);
      cursor: pointer;
      display:inline-flex;align-items:center;justify-content:center;
    }
    .ghost-btn:hover{
      transform: translateY(-2px) scale(1.05) rotate(-1deg);
      box-shadow: var(--shadow-sm);
    }
    .ghost-btn:active{
      transform: translateY(1px) scale(0.98);
      box-shadow: var(--shadow-xs);
    }

    .primary-btn{
      background:var(--primary);color:var(--btn-primary-text);
      padding:12px 24px;border-radius:14px;
      font-size:13px;font-weight:600;
      box-shadow:var(--shadow-sm);transition:var(--tr);
      cursor: pointer;
    }
    .primary-btn:hover{
      transform: translateY(-1.5px) scale(1.04);
      box-shadow: var(--shadow-sm);
    }
    .primary-btn:active{transform: translateY(0) scale(0.98)}

    /* ── BTN-GHOST：次要按鈕（給 modal 取消等用） ── */
    .btn-ghost{
      background:var(--surface);color:var(--btn-ghost-text);
      padding:12px 24px;border-radius:14px;
      font-size:13px;font-weight:600;
      box-shadow:var(--shadow-xs);transition:var(--tr);
      cursor: pointer;
    }
    .btn-ghost:hover{
      transform: translateY(-2px) scale(1.05) rotate(-1deg);
      box-shadow: var(--shadow-sm);
    }
    .btn-ghost:active{
      transform: translateY(0) scale(0.98);
      box-shadow: inset 0 2px 4px rgba(58, 58, 61, 0.08);
    }
    .avatar{
      width:38px;height:38px;
      border-radius:50%;
      display:grid;place-items:center;
      font-size:14px;font-weight:700;
      color:var(--stamp-approved-text);
      box-shadow:var(--shadow-xs);
      transition: var(--tr);
      cursor: pointer;
      user-select:none;
    }
    .avatar:hover{
      transform: translateY(-2px) scale(1.05) rotate(-1deg);
      box-shadow: var(--shadow-sm);
    }
    .avatar:active{
      transform: translateY(1px) scale(0.98);
      box-shadow: var(--shadow-xs);
    }
    .avatar-sm{
      width:26px;height:26px;
      font-size:11px;
      box-shadow:var(--shadow-xs);
    }