.meeting-output-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin: 0 0 22px; padding: 15px 19px; border: 1px solid #dce5ef; border-radius: 12px; background: #f8fafc; }
.meeting-output-toolbar > div:first-child { display: flex; align-items: center; gap: 12px; color: #7d8da1; font-size: 12px; }
.meeting-output-state { padding: 5px 9px; border-radius: 6px; background: #e8f0fb; color: #3a66a1; font-size: 11px; font-weight: 600; }
.meeting-output-state.published { background: #edf3ed; color: #52735a; }
.meeting-output-document { margin-top: 0; min-width: 0; }
.meeting-output-document > .notebook-source { max-width: none; padding: 0; }
.meeting-output-export { position: relative; }
.meeting-output-export > summary { list-style: none; border: 1px solid #dce5ef; padding: 10px 14px; border-radius: 8px; background: #fff; color: #334c6c; font-size: 13px; cursor: pointer; }
.meeting-output-export > summary::after { content: '⌄'; padding-left: 10px; }
.meeting-output-export > div { position: absolute; top: calc(100% + 6px); right: 0; min-width: 230px; z-index: 30; padding: 6px; border: 1px solid #dce5ef; border-radius: 10px; background: #fff; box-shadow: 0 12px 30px #1934511a; }
.meeting-output-export button { display: block; width: 100%; text-align: left; border: 0; background: none; white-space: nowrap; }
.meeting-output-export button:hover { background: #f2f6fc; }
.showing-meeting-output .meeting-attendance-strip { margin-bottom: 16px; }
@media (max-width: 800px) { .meeting-output-toolbar { padding: 13px; gap: 13px; } .meeting-output-toolbar > .row { gap: 8px; } .meeting-output-document.paper { padding: 20px 15px; } }
@media print { .meeting-output-toolbar, .meeting-output-export, .showing-meeting-output .meeting-attendance-strip { display: none !important; } }