.secret-five-page .secret-s4-sidebar .secret-sidebar-brand { display:flex; align-items:center; justify-content:space-between; gap:6px; padding-left:4px; padding-right:0; }
.secret-five-page .secret-workspace.is-s4-collapsed { display:grid; grid-template-columns:44px minmax(0,1fr); }
.secret-five-page .is-s4-collapsed .secret-s4-sidebar { position:static; min-width:0; padding:8px 5px; margin:0; }
.secret-five-page .is-s4-collapsed .secret-s4-sidebar .secret-sidebar-brand { padding:0; }
@media(max-width:760px) {
  .secret-five-page .secret-workspace.is-s4-collapsed { display:flex; }
  .secret-five-page .is-s4-collapsed .secret-s4-sidebar { margin-bottom:8px; padding:4px 8px; }
  .secret-five-page .is-s4-collapsed .secret-s4-sidebar .secret-sidebar-brand { justify-content:flex-start; }
  .secret-five-page .is-s4-collapsed .secret-s4-sidebar .secret-sidebar-toggle { flex-direction:row; gap:4px; padding:2px 8px; }
}
.xhs-trends-page { min-width:0; color:#463b31; padding:24px; background:#fbf8f3; }
.xhs-trends-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; }
.xhs-trends-heading small { color:#a58c74; font-size:12px; }
.xhs-trends-heading h1 { margin:8px 0; font-size:26px; font-weight:650; }
.xhs-trends-heading p { margin:0; color:#928271; font-size:13px; }
.xhs-trends-card { min-width:0; background:#fffdf9; border:1px solid #e8ded1; border-radius:12px; padding:18px; }
.xhs-trends-toolbar { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.xhs-trends-toolbar > .el-input { width:280px; }
.xhs-trends-toolbar > .el-select { width:145px; }
.xhs-trends-toolbar-end { display:flex; gap:8px; margin-left:auto; }
.xhs-trends-caption { color:#978574; font-size:12px; line-height:1.7; margin:12px 0; }
.xhs-trends-table { --el-table-header-bg-color:#f4eee5; --el-table-border-color:#e9e1d6; --el-table-row-hover-bg-color:#fbf5eb; }
.xhs-trends-page a, .xhs-trends-dialog a { color:#916435; text-decoration:none; }
.xhs-trends-page a:hover, .xhs-trends-dialog a:hover { text-decoration:underline; }
.xhs-trends-signal { --el-tag-text-color:#946635; --el-tag-bg-color:#fcf4e7; --el-tag-border-color:#eddbc3; }
.xhs-trends-row-actions { display:flex; flex-wrap:nowrap; white-space:nowrap; }
.xhs-trends-empty-note { text-align:center; color:#9e8c7a; font-size:13px; padding:8px 12px 18px; }
.xhs-trends-card > .el-pagination { justify-content:flex-end; margin-top:16px; flex-wrap:wrap; }
.xhs-trends-detail-grid { display:grid; grid-template-columns:120px minmax(0,1fr) 120px minmax(0,1fr); border-top:1px solid #e9e1d6; }
.xhs-trends-detail-grid dt, .xhs-trends-detail-grid dd { margin:0; padding:10px; border-bottom:1px solid #e9e1d6; white-space:pre-wrap; overflow-wrap:anywhere; }
.xhs-trends-detail-grid dt { color:#978574; background:#faf6ef; }
.xhs-trends-followup { margin-top:20px; padding-top:10px; border-top:1px solid #e9e1d6; }
.xhs-trends-form-pair { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.xhs-trends-form-pair .el-select { width:100%; }
.xhs-trends-dialog.el-dialog { display:flex; flex-direction:column; box-sizing:border-box; max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); margin:16px auto!important; overflow:hidden; }
.xhs-trends-dialog .el-dialog__header { flex:0 0 auto; margin-right:0; padding:0 40px 12px 0; }
.xhs-trends-dialog-heading { display:flex; flex-direction:column; gap:12px; }
.xhs-trends-dialog .el-dialog__body { flex:1 1 auto; min-height:0; max-height:none; overflow-y:auto; overscroll-behavior:contain; }
.xhs-trends-dialog .el-dialog__footer { flex:0 0 auto; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; padding-top:12px; }
.xhs-trends-dialog .el-dialog__footer .el-button + .el-button { margin-left:0; }
@media(max-width:720px) {
  .xhs-trends-page { padding:14px 10px; }
  .xhs-trends-heading { align-items:flex-start; flex-wrap:wrap; }
  .xhs-trends-heading h1 { font-size:22px; }
  .xhs-trends-card { padding:12px; }
  .xhs-trends-toolbar > .el-input { width:100%; }
  .xhs-trends-toolbar > .el-select { width:calc(50% - 5px); }
  .xhs-trends-toolbar-end { margin-left:0; }
  .xhs-trends-detail-grid { grid-template-columns:100px minmax(0,1fr); }
  .xhs-trends-form-pair { grid-template-columns:1fr; gap:0; }
  .xhs-trends-card > .el-pagination { justify-content:flex-start; gap:8px; }
}