.log-captures-body { padding:18px 22px; }
.log-capture-group { margin:10px 0; border:1px solid #dce7e1; border-radius:12px; background:#fff; }
.log-capture-group>summary { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; cursor:pointer; color:#214d3c; }
.log-capture-group>summary span { color:#6f8278; font-size:12px; }
.log-capture-rows>article { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-top:1px solid #e4ece7; }
.log-capture-rows p { margin:6px 0; color:#3d6150; }
.log-capture-rows small { color:#788a80; }
.log-capture-actions { display:flex; gap:8px; }
.log-capture-actions button,.log-item-removed,.log-item-dialog button { padding:9px 14px; border:1px solid #c9ddd2; border-radius:8px; color:#1c6550; background:#edf6f0; cursor:pointer; font:inherit; font-size:13px; }
.log-capture-detail { flex-basis:100%; color:#566e60; font-size:13px; }
.log-capture-detail dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.log-capture-detail dt { color:#7b8b83; }.log-capture-detail dd { margin:5px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.log-capture-empty { color:#718478; padding:12px 0; }
.log-item-dialog { width:min(980px,calc(100vw - 48px)); max-height:90vh; padding:24px; border:1px solid #d7e5dd; border-radius:18px; box-shadow:0 20px 80px #143d3040; color:#244f3d; }
.log-item-dialog::backdrop { background:#102e2360; }
.log-item-dialog header,.log-item-dialog footer { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.log-item-dialog header { margin-bottom:22px; }.log-item-dialog h3 { margin:5px 0; }.log-item-dialog header p { margin:0;color:#708477;font-size:13px; }
.log-item-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.log-item-grid label { display:grid; gap:8px; font-size:13px; min-width:0; }
.log-item-grid input,.log-item-grid textarea,.log-item-grid select { width:100%; box-sizing:border-box; min-height:42px; padding:9px 12px; border:1px solid #ccded4; border-radius:9px; font:inherit; color:#28513e; background:#f8fbf9; }
.log-item-grid textarea { min-height:82px; resize:vertical; }
.log-item-list { margin-top:22px; }.log-item-list-row { margin:12px 0; padding:16px; border:1px solid #dce8e0; border-radius:12px; }.log-item-list-row img { width:140px; height:105px; object-fit:cover; border-radius:8px; margin-bottom:12px; }.log-item-list-row>button { margin-top:12px; }
.log-item-dialog footer { margin-top:24px; border-top:1px solid #dce8e0; padding-top:18px; }.log-item-dialog footer p { flex:1; color:#738579; font-size:12px; line-height:1.6; }
.log-item-dialog .log-item-save { color:white; background:#176b56; }.log-item-dialog .log-item-delete { color:#9b534a; background:#faf1ee; }
.log-item-history article { border-top:1px solid #e2ece6; padding:16px 0; }.log-item-history p { color:#78887e; font-size:13px; }
@media(max-width:760px){.log-item-grid,.log-capture-detail dl{grid-template-columns:1fr 1fr;}.log-item-dialog footer{flex-wrap:wrap;}.log-item-dialog footer p{flex-basis:100%;}}
@media(max-width:480px){.log-item-grid,.log-capture-detail dl{grid-template-columns:1fr;}.log-item-dialog{padding:18px;width:calc(100vw - 32px);}.log-capture-actions{width:100%;}}

.log-capture-actions button,.log-item-removed { scroll-margin-top:450px; scroll-margin-bottom:24px; }