/* ============================================================
   HAPI 界面自定义样式(由 nginx sub_filter 注入,不修改 HAPI 本体)
   位置: /www/wwwroot/brafen.asia/hapi-custom/custom.css
   作用: 会话列表/归档里的文件夹路径完整显示,不再省略号截断
   对应 HAPI 版本: v0.20.2(升级 HAPI 后若界面结构变化需复查)
   ============================================================ */

/* 1. 文件夹分组标题:在分组名下方常驻显示完整路径,自动换行 */
[class*="group/project"] {
    flex-wrap: wrap;
    row-gap: 1px;
}
[class*="group/project"][title]:not([title="Other"])::after {
    content: attr(title);
    flex-basis: 100%;
    min-width: 0;
    padding-left: 22px; /* 与折叠箭头后的文字左对齐 */
    font-size: 11px;
    line-height: 1.4;
    color: var(--app-hint);
    white-space: normal;
    word-break: break-all;
    overflow-wrap: anywhere;
}

/* 2. 文件夹分组名本身也允许换行(过长时不再截断) */
[class*="group/project"] .truncate {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
}

/* 3. 会话条目:标题/路径完整显示,换行代替省略号 */
.session-list-item .truncate {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
}

/* 4. 新建会话页「最近使用」的路径按钮:取消 200px 限宽,完整显示 */
button.truncate.max-w-\[200px\] {
    max-width: 100%;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    text-align: left;
    word-break: break-all;
}