/* Shift Notes history component — shared across admin, staffarea, clientarea and
   the batch popover. Loaded in each area's head so the component looks identical
   everywhere. */

.shift-notes { margin-top: 6px; }

/* Batch "Notes (n)" indicator turns green with a solid icon when notes exist */
.btn-notes.notes-added,
.btn-notes.notes-added i.fa-comment { color: #5cb85c !important; }

/* Add-note: a button that reveals the input form (hidden by default) */
.shift-notes .shift-notes-add { margin-bottom: 12px; }
.shift-notes .shift-notes-add-form { display: none; }
.shift-notes.sn-adding .shift-notes-add-form { display: block; }
.shift-notes.sn-adding .shift-notes-add-toggle { display: none; }
.shift-notes .shift-notes-input { margin-bottom: 8px; box-shadow: none; }
.shift-notes .shift-notes-input:focus { box-shadow: none; border-color: #bbb; }
.shift-notes .shift-notes-add-actions .btn { margin-right: 6px; }

/* Notes render as grey rounded tiles: text + "Added by …" + edit/delete icons */
.shift-notes-list .shift-note {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #f2f2f2;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 10px;
}
.shift-notes-list .shift-note.editing { display: block; }
.shift-notes-list .shift-note-body { flex: 1 1 auto; min-width: 0; }
.shift-notes-list .shift-note-text { color: #333; white-space: pre-wrap; word-break: break-word; line-height: 1.4; }
.shift-notes-list .shift-note-meta { color: #9a9a9a; font-size: 12px; margin-top: 6px; }
.shift-notes-list .shift-note-edited { font-style: italic; }
.shift-notes-list .shift-note-actions { flex: 0 0 auto; margin-left: 14px; white-space: nowrap; }
.shift-notes-list .shift-note-actions a { color: #b5b5b5; font-size: 15px; margin-left: 10px; }
.shift-notes-list .shift-note-actions a:hover { color: #666; }
.shift-notes-list .shift-note-editbox { margin-top: 4px; }
.shift-notes-list .shift-note-editbox textarea { margin-bottom: 8px; box-shadow: none; }
.shift-notes-list .shift-notes-empty { color: #999; font-style: italic; padding: 4px 0; }