/* ============================================================
   css/panels/panels-ai-file-usage.css — 「网页与存档占用」这一块的样式（2028-09 新增）

   归属：设置 → 账号与数据 → 「网页与存档占用」（两个 vs-export-item 卡片里的清单）。
   口径：跟卡里其它导出项同一套观感（衬线中文、英文字母小字、线条按钮），
        每行 = 名字 + 一行小字（编号/大小）+ 一个「清掉」；不许出现系统默认框。
   竖屏：窄屏 <370px 时按钮改小、名字单行省略，绝不横向溢出。
   ============================================================ */

.aifs-box { margin-top: 10px; }

.aifs-loading,
.aifs-empty {
    font-size: 12px;
    color: var(--text-tertiary, #A9A29A);
    line-height: 1.7;
    padding: 6px 0;
}

.aifs-sum {
    font-size: 11.5px;
    color: var(--text-secondary, #8A8278);
    letter-spacing: 0.2px;
    padding: 2px 0 8px;
    border-bottom: 1px solid rgba(201, 168, 168, 0.16);
    margin-bottom: 4px;
}

.aifs-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(201, 168, 168, 0.12);
}

.aifs-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }

.aifs-name {
    font-size: 13px;
    color: var(--text-primary, #2E2A28);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aifs-sub {
    font-size: 11px;
    color: var(--text-tertiary, #A9A29A);
    letter-spacing: 0.2px;
}

.aifs-del {
    flex-shrink: 0;
    font-family: inherit;
    font-size: 12px;
    line-height: 1;
    padding: 7px 13px;
    border-radius: 999px;
    color: #8C5A66;
    background: rgba(201, 168, 168, 0.18);
    border: 1px solid rgba(201, 168, 168, 0.42);
    cursor: pointer;
    transition: background 0.22s ease, border-color 0.22s ease, transform 0.18s ease;
}
.aifs-del:hover { background: rgba(201, 168, 168, 0.3); border-color: rgba(201, 168, 168, 0.65); }
.aifs-del:active { transform: scale(0.95); }

.aifs-actions { padding-top: 12px; display: flex; }

/* 深色模式（切换靠 <html data-theme-mode="dark">，不是系统偏好） */
[data-theme-mode="dark"] .aifs-name { color: #EDE7E2; }
[data-theme-mode="dark"] .aifs-sum { color: #B7AFA7; border-bottom-color: rgba(201, 168, 168, 0.14); }
[data-theme-mode="dark"] .aifs-row { border-bottom-color: rgba(201, 168, 168, 0.1); }
[data-theme-mode="dark"] .aifs-sub,
[data-theme-mode="dark"] .aifs-empty,
[data-theme-mode="dark"] .aifs-loading { color: #9C948C; }
[data-theme-mode="dark"] .aifs-del { color: #D4B8B8; background: rgba(201, 168, 168, 0.14); border-color: rgba(201, 168, 168, 0.34); }

/* 窄屏（<370px）：按钮收一点，名字继续单行省略 */
@media (max-width: 370px) {
    .aifs-row { gap: 8px; padding: 8px 0; }
    .aifs-name { font-size: 12.5px; }
    .aifs-del { font-size: 11.5px; padding: 6px 11px; }
}