/* Existing editor section; desktop grid additions are scoped below. */
.planning-editor .planning-audio-section {border-top:1px solid var(--ui-border);padding-top:10px;min-width:0}
.planning-editor .planning-audio-section h3 {font-size:inherit;margin:0 0 6px}
.planning-editor .planning-audio-section p {margin:6px 0;overflow-wrap:anywhere}
.planning-editor .planning-audio-actions {display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.planning-editor [data-audio-player] {display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.planning-editor [data-audio-player] audio {width:100%;max-width:340px;margin-top:6px}
.planning-editor [data-audio-status] {font-size:.9em}

/* Desktop comment contents only; the existing comment's box stays in place. */
#planning .planning-matrix .planning-remark.audio-comment{display:flex!important;align-items:center}
#planning .audio-comment>.planning-comment-text,
#planning .audio-comment-part>.planning-comment-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
#planning .audio-comment .planning-audio-play{display:inline-flex;align-items:center;justify-content:center;flex:0 0 1em;width:1em;height:1em;min-width:0;min-height:0;padding:0;margin:0 3px 0 0;border:0;background:transparent;color:inherit;font:inherit;line-height:1;cursor:pointer}
#planning .planning-audio-play svg{width:100%;height:100%;fill:currentColor;pointer-events:none}
#planning .planning-audio-play:focus-visible{outline:1px solid currentColor;outline-offset:-1px}
#planning .planning-matrix .audio-comment.audio-only{background:transparent;box-shadow:none}
#planning .planning-matrix .audio-comment-part{display:flex;align-items:center;flex:1 1 0;min-width:0;overflow:hidden}
#planning .planning-matrix .audio-paired-comment{gap:6px}
#planning .day-full-interventions>.matrix-intervention>.audio-comment.audio-day-empty{position:absolute!important;left:3px;right:3px;width:auto;height:calc(var(--text-line-height) + 3px)!important;min-height:0}
#planning .day-full-interventions>.matrix-intervention>.audio-comment.audio-day-existing{height:var(--audio-comment-height)!important;min-height:var(--audio-comment-height);max-height:var(--audio-comment-height);flex:0 0 var(--audio-comment-height)}
#planning .audio-day-existing>.planning-comment-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}

#planning .audio-paired-comment>.audio-comment-part:first-child{flex:0 0 var(--audio-pair-first)}