/* 回忆地图 · 样式 — 面板标题（国家名/副标题）位置修正 */
/* ── Fix: 国家名称 & 副标题向左移动 ── */
.panel-header-container {
    padding-left: 20px !important;
}

/* ── Fix: 手机端面板标题顶部间距 ── */
@media (max-width: 768px) {
    .panel-header-container {
        padding-top: max(11.5px, calc(env(safe-area-inset-top, 3.5px) + 3.5px)) !important;
    }
}

/* ── Fix: 隐藏垃圾桶（删除城市）按钮 ── */
#btn-delete-city {
    display: none !important;
}

/* ── Fix: 顶部右侧按钮容器 —— 强制 flex 水平居中对齐 ── */
#panel-header>div:last-child {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    /* 按钮组靠底对齐，并留出少量底边距，视觉上向下沉一点 */
    align-self: flex-end !important;
    margin-bottom: 8px !important;
}

/* 退出按钮(✕)：固定尺寸、移除偏移，保持在 flex 流中 */
.panel-close-btn {
    position: relative !important;
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
}

/* 添加/功能按钮：统一与退出按钮同尺寸、同基线 */
.panel-func-btn {
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

/* ── Fix: 城市面板 tab 选中状态改为黑色加粗，移除蓝色 ── */
.archive-tab.active {
    color: #1c1c1e !important;
    font-weight: 900 !important;
}

.archive-tab.active::after {
    background: #1c1c1e !important;
}