.private-action-controls { display: inline-flex; align-items: stretch; gap: 3px; max-width: 100%; margin: 2px; padding: 2px; border: 1px solid transparent; border-radius: 9px; vertical-align: middle; }
.private-action-controls[data-mark-color="green"] { border-color: #16854b; background: #edf9f0; }
.private-action-controls[data-mark-color="yellow"] { border-color: #ad5100; background: #fff1df; }
.private-action-controls[data-mark-color="red"] { border-color: #bd3545; background: #fff1f2; }
.private-action-mark.mini-button { min-width: 36px; min-height: 36px; padding: 4px 7px; font-size: 17px; line-height: 1; flex: 0 0 auto; }
.private-action-mark:focus-visible, .private-mark-filters button:focus-visible { outline: 3px solid #205b9b; outline-offset: 2px; }
.private-action-marks { margin: 16px 0; padding: 14px; border: 1px solid #cbd6df; border-radius: 12px; background: #f8fafc; color: #152335; }
.private-action-marks > summary { cursor: pointer; font-weight: 700; font-size: 1.05rem; }
.private-action-marks .muted-copy, .private-mark-status { font-size: .85rem; margin: 10px 0; }
.private-mark-toolbar, .private-mark-filters, .private-mark-row-controls { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.private-mark-toolbar { justify-content: space-between; }
.private-mark-filters button[aria-pressed="true"] { background: #183f62; border-color: #183f62; color: white; }
.private-mark-list { display: grid; gap: 8px; max-height: 520px; overflow-y: auto; }
.private-mark-row { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding: 10px; border-left: 4px solid #cbd6df; background: white; border-radius: 6px; }
.private-mark-row[data-mark-color="green"] { border-left-color: #16854b; }
.private-mark-row[data-mark-color="yellow"] { border-left-color: #ad5100; }
.private-mark-row[data-mark-color="red"] { border-left-color: #bd3545; }
.private-mark-row > div:first-child { min-width: 0; overflow-wrap: anywhere; }
.private-mark-row strong, .private-mark-row small { display: block; }
.private-mark-row strong { font-size: .9rem; }
.private-mark-row small { margin-top: 4px; color: #526277; font-size: .8rem; }
.private-mark-row-controls { flex-shrink: 0; }
.private-mark-status { min-height: 1.4em; }
@media (max-width: 600px) { .private-mark-row { flex-direction: column; align-items: stretch; } .private-mark-row-controls { justify-content: flex-end; } .private-action-marks { padding: 10px; } }
@media print { .private-action-marks, .private-action-mark { display: none !important; } .private-action-controls { display: contents; } }