/* 24/7Agent Copilot — v40.7.1 clean Audit Log polish
   UI-only layer. Audit storage/API semantics unchanged. */

#screen-audit{max-width:1540px;padding-bottom:112px}
#screen-audit .page-head{margin-bottom:22px}
#screen-audit .page-head h1{max-width:980px}
#screen-audit .panel.wide{padding:0;border:1px solid #e4e1da;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(24,43,34,.035)}

.audit-toolbar{display:grid;grid-template-columns:minmax(240px,1.6fr) minmax(150px,.65fr) minmax(150px,.65fr) minmax(150px,.65fr) auto;gap:10px;align-items:center;padding:15px 16px;background:#fbfaf7;border-bottom:1px solid #e9e6df}
.audit-search-wrap{position:relative}.audit-search-wrap::before{content:'⌕';position:absolute;left:13px;top:50%;transform:translateY(-52%);font-size:17px;color:#7c857f;pointer-events:none}
.audit-toolbar input,.audit-toolbar select{width:100%;height:40px;border:1px solid #dcd9d2;border-radius:8px;background:#fff;color:#26332c;padding:0 11px;font:500 12px Figtree,system-ui,sans-serif;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
.audit-toolbar input{padding-left:38px}.audit-toolbar input:focus,.audit-toolbar select:focus{border-color:#88ac9a;box-shadow:0 0 0 3px rgba(55,112,84,.08)}
.audit-count{justify-self:end;white-space:nowrap;color:#707870;font-size:11px;padding:0 7px 0 11px}.audit-count strong{color:#23342b;font-weight:800}

.audit-stream{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;background:#fff}
.audit-stream>.audit-entry{display:grid!important;grid-template-columns:120px minmax(150px,220px) minmax(0,1fr) auto!important;gap:18px!important;align-items:start!important;padding:18px 18px!important;margin:0!important;border:0!important;border-bottom:1px solid #ece9e3!important;background:#fff;min-width:0;transition:background .12s ease}
.audit-stream>.audit-entry:last-child{border-bottom:0!important}.audit-stream>.audit-entry:hover{background:#fcfbf8}
.audit-entry[hidden]{display:none!important}

.audit-when{display:flex;flex-direction:column;gap:3px;min-width:0}.audit-date{font-size:11px;font-weight:700;color:#39483f;white-space:nowrap}.audit-time{font-size:10px;color:#89908b;white-space:nowrap}
.audit-actor{min-width:0;padding-top:1px}.audit-actor-name{display:block;font-size:11px;font-weight:650;color:#44534b;overflow-wrap:anywhere;word-break:break-word;line-height:1.4}.audit-actor-label{display:block;margin-top:4px;font-size:9px;font-weight:650;letter-spacing:.055em;text-transform:uppercase;color:#737c76}
.audit-content{min-width:0}.audit-title{display:block;margin:0;color:#1e2b24;font:750 13px/1.35 Manrope,Figtree,sans-serif;overflow-wrap:anywhere}.audit-detail{display:block;margin-top:5px;color:#66716b;font-size:11px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.audit-value{display:inline-flex;margin-top:8px;padding:5px 8px;border-radius:6px;background:#f3f5f3;color:#34483d;font-size:10px;font-weight:700;overflow-wrap:anywhere;max-width:100%}
.audit-category{align-self:start;display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:5px 8px;border-radius:999px;border:1px solid #dfe6e1;background:#f4f7f5;color:#42604f;font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}
.audit-category[data-kind='kpi']{background:#edf5ef;border-color:#d5e6da;color:#2e684f}.audit-category[data-kind='sync']{background:#eef4f7;border-color:#d8e3e8;color:#41606d}.audit-category[data-kind='approval']{background:#f4f0fb;border-color:#e1d9f0;color:#675183}.audit-category[data-kind='proposal']{background:#fff6e8;border-color:#efdfc1;color:#8a6229}.audit-category[data-kind='analysis']{background:#f3f4f4;border-color:#e0e3e1;color:#5d6962}.audit-category[data-kind='system']{background:#f4f4f2;border-color:#e0dfda;color:#64645f}

.audit-empty-state{padding:42px 20px;text-align:center;color:#7a827d;font-size:12px}.audit-empty-state strong{display:block;margin-bottom:5px;color:#35443c;font:750 14px Manrope,sans-serif}

@media(max-width:1050px){.audit-toolbar{grid-template-columns:1fr 1fr}.audit-count{justify-self:start;padding-left:0}.audit-stream>.audit-entry{grid-template-columns:105px minmax(140px,190px) minmax(0,1fr)!important}.audit-category{grid-column:3;justify-self:start;margin-top:-6px}}
@media(max-width:720px){#screen-audit{padding-bottom:128px}#screen-audit .panel.wide{border-radius:13px}.audit-toolbar{grid-template-columns:1fr;padding:12px}.audit-count{justify-self:start;padding:0}.audit-stream>.audit-entry{grid-template-columns:1fr!important;gap:8px!important;padding:16px 14px!important}.audit-when{flex-direction:row;gap:8px}.audit-actor{padding:0}.audit-category{grid-column:1;margin-top:2px}.audit-actor-label{display:none}}
