/* Activity log page (public/js/pages/activity.js). Prefix: aud- */
.aud-filters{margin-bottom:16px}
.aud-frow{display:grid;grid-template-columns:auto auto minmax(150px,1fr) minmax(140px,1fr) minmax(180px,1.4fr);gap:12px 14px;align-items:end}
.aud-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.aud-flabel{font-size:12px;font-weight:600;color:var(--body)}
.aud-drange{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.aud-drange .input{width:150px;min-width:0}
.aud-f .select,.aud-f .input:not(.input-sm){height:34px;font-size:13px}
.aud-seg{align-self:flex-start}
.aud-seg button{min-height:34px;padding:5px 12px}

.aud-card{overflow:hidden}
.aud-status{padding:12px 18px 0}
.aud-status:empty{display:none}
.aud-list{padding:6px 0}
.aud-day{padding:14px 18px 6px;font-family:var(--display);font-weight:600;font-size:13px;color:var(--navy);text-transform:none;border-bottom:1px solid var(--line)}
.aud-item{border-bottom:1px solid var(--line)}
.aud-item:last-child{border-bottom:0}
.aud-row{display:grid;grid-template-columns:76px minmax(0,1fr) 22px;gap:12px;align-items:start;width:100%;padding:12px 18px;text-align:left;background:transparent;border:0;cursor:pointer;color:var(--ink);font:inherit}
.aud-row:hover{background:var(--field)}
.aud-row:focus-visible{outline:2px solid var(--navy-l);outline-offset:-2px}
.aud-time{font-size:13px;color:var(--body);font-variant-numeric:tabular-nums;padding-top:1px;white-space:nowrap}
.aud-main{display:flex;flex-direction:column;gap:5px;min-width:0}
.aud-summary{font-size:14px;line-height:1.4;color:var(--ink);overflow-wrap:anywhere;word-break:break-word}
.aud-sub{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;font-size:12px;color:var(--body);min-width:0}
.aud-sub b{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.aud-sub .pill{font-size:11px}
.aud-count,.aud-dev{color:var(--muted);overflow-wrap:anywhere}
.aud-chev{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--muted);transition:transform .15s;transform-origin:50% 50%}
.aud-chev svg{display:block}
.aud-item.open .aud-chev{transform:rotate(180deg)}
.aud-item.open .aud-row{background:var(--field)}
.aud-detail-wrap{padding:0 18px 14px 106px;background:var(--field)}
.aud-detail{display:flex;flex-direction:column;gap:12px}
.aud-changes{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;overflow:hidden}
.aud-change{display:grid;grid-template-columns:minmax(120px,32%) minmax(0,1fr);gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:13px}
.aud-change:last-child{border-bottom:0}
.aud-field{font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.aud-vals{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0}
.aud-old{color:var(--danger);text-decoration:line-through;text-decoration-color:rgba(220,38,38,.45);overflow-wrap:anywhere;word-break:break-word}
.aud-new{color:var(--ok);font-weight:600;overflow-wrap:anywhere;word-break:break-word}
.aud-arrow{color:var(--muted)}
.aud-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;font-size:12px}
.aud-meta dt{color:var(--muted);font-weight:600}
.aud-meta dd{margin:0;color:var(--body);overflow-wrap:anywhere;word-break:break-word}
.aud-foot{display:flex;justify-content:center;padding:4px 18px 16px}
.aud-foot:has(.aud-more[hidden]){display:none}
.aud-more{min-width:160px}

@media (max-width:1100px){
  .aud-frow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aud-search{grid-column:1/-1}
}
@media (max-width:700px){
  .aud-frow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .aud-dates,.aud-search{grid-column:1/-1}
  .aud-f:has(.aud-seg){grid-column:1/-1}
  .aud-drange .input{flex:1 1 120px;width:auto}
  .aud-row{grid-template-columns:58px minmax(0,1fr) 18px;gap:10px;padding:12px 14px}
  .aud-time{font-size:12px}
  .aud-day{padding:12px 14px 6px}
  .aud-detail-wrap{padding:0 14px 14px}
  .aud-change{grid-template-columns:minmax(0,1fr);gap:4px}
  .aud-status{padding:10px 14px 0}
  .page-header .page-actions .btn{white-space:nowrap}
}