.dtl-section { margin-top: 2rem; padding: 1.25rem; border: 1px solid rgba(255,255,255,.18); border-radius: .75rem; }
.dtl-section h3 { margin: 0 0 .5rem; }
.dtl-toolbar, .dtl-card-head { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.dtl-toolbar { margin: 1rem 0; }
.dtl-field { display: grid; gap: .3rem; }
.dtl-field input, .dtl-field select, .dtl-field textarea, .dtl-unlock textarea, .dtl-comment-form textarea { padding: .5rem; max-width: 100%; }
.dtl-status.is-error { color: #ffb4a7; }
.dtl-muted, .dtl-meta { opacity: .78; }
.dtl-card { border: 1px solid rgba(255,255,255,.18); border-radius: .6rem; padding: 1rem; margin: .8rem 0; }
.dtl-card h4, .dtl-card h5 { margin: .3rem 0; }
.dtl-badge { padding: .2rem .55rem; border: 1px solid currentColor; border-radius: 1rem; font-size: .8rem; }
.dtl-items { list-style: none; padding: 0; display: grid; gap: .5rem; }
.dtl-items li { display: flex; gap: .5rem; align-items: flex-start; }
.dtl-comments { margin: 1rem 0; }
.dtl-comment-form, .dtl-unlock { display: grid; gap: .5rem; max-width: 35rem; margin: .8rem 0; }
.dtl-comment-form button, .dtl-unlock button { justify-self: start; }
.dtl-audit { margin-top: 1rem; }
.dtl-audit li { margin: .25rem 0; }
.dtl-editor { border-top: 1px solid rgba(255,255,255,.18); margin-top: 1.5rem; padding-top: 1rem; }
.dtl-form { display: grid; gap: .8rem; max-width: 42rem; margin-top: 1rem; }
.dtl-weekdays { display: flex; flex-wrap: wrap; gap: .7rem; border: 1px solid rgba(255,255,255,.18); }