.operation-log-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.operation-log-kpi{padding:13px 15px;border:1px solid #d8e6e4;border-radius:10px;background:#f4faf9}
.operation-log-kpi small{display:block;color:#6c7d7b;font-size:12px}
.operation-log-kpi b{display:block;margin-top:4px;color:#245f59;font-size:22px}
.operation-log-filters{display:grid;grid-template-columns:repeat(4,minmax(130px,.7fr)) minmax(190px,1.2fr) auto;gap:9px;margin-top:14px;padding:12px;border:1px solid #e0e8e7;border-radius:10px;background:#f7f9fa}
.operation-log-filters label{display:grid;gap:5px;color:#6d7a86;font-size:12px}
.operation-log-filters input,.operation-log-filters select{min-width:0;padding:9px 10px;border:1px solid #cedbd9;border-radius:7px;background:#fff;color:#172536;font:inherit}
.operation-log-filters button{align-self:end;min-height:39px}
.operation-log-list{display:grid;margin-top:14px;border:1px solid #dde6e5;border-radius:11px;overflow:hidden;background:#fff}
.operation-log-row{display:grid;grid-template-columns:142px 138px minmax(220px,1fr) minmax(130px,.55fr);gap:14px;align-items:center;padding:12px 14px;border-bottom:1px solid #edf1f1}
.operation-log-row:last-child{border-bottom:0}
.operation-log-time{color:#53656b;font-size:13px;line-height:1.45}
.operation-log-actor b{display:block;color:#18313d;font-size:14px}.operation-log-actor small{display:block;margin-top:3px;color:#78888d;font-size:11px}
.operation-log-main b{display:block;color:#152c39;font-size:14px}.operation-log-main small{display:block;margin-top:4px;color:#718087;font-size:12px;line-height:1.45}
.operation-log-target{text-align:right;color:#42615f;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.operation-log-badge{display:inline-flex;margin-right:7px;padding:2px 7px;border-radius:999px;background:#eaf5f3;color:#2e6e67;font-size:11px;font-weight:700}
.operation-log-failed{background:#fff8f6}.operation-log-failed .operation-log-badge{background:#fee9e4;color:#a24b37}
.operation-log-empty{padding:38px 16px;text-align:center;color:#7a898f}
@media(max-width:768px){
  .mobile-dock button[data-mobile-tab="operation-log"]::before{content:'☷'}
  #operation-log>.card{margin:4px -8px 76px;padding:7px 8px;border:0;border-radius:0}
  #operation-log .section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}
  #operation-log .section-head h2{font-size:17px}#operation-log .section-head p{display:none}#operationLogRefresh{min-height:30px;padding:4px 9px;font-size:10px}
  .operation-log-kpis{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.operation-log-kpi{padding:6px 7px;border-radius:7px}.operation-log-kpi small{font-size:9px}.operation-log-kpi b{margin-top:2px;font-size:15px}
  .operation-log-filters{grid-template-columns:1fr 1fr;gap:4px;margin-top:6px;padding:6px;border-radius:7px}.operation-log-filters label{gap:2px;font-size:9px}.operation-log-filters input,.operation-log-filters select{height:30px;padding:3px 6px;font-size:10px}.operation-log-filters label:last-of-type{grid-column:1}.operation-log-filters button{grid-column:2;min-height:30px;padding:3px 7px;font-size:10px}
  .operation-log-list{margin-top:6px}.operation-log-row{grid-template-columns:78px 72px minmax(0,1fr);gap:5px;padding:7px}.operation-log-target{grid-column:2/-1;text-align:left;padding-top:3px;border-top:1px dashed #e4ecea}.operation-log-time,.operation-log-actor b,.operation-log-main b{font-size:10px}.operation-log-main small,.operation-log-target{font-size:9px}
}