[hidden] { display: none !important; }

.check-label { display: flex; grid-template-columns: none; flex-direction: row; align-items: center; gap: 9px; font-weight: 650; }
.check-label input { width: auto; accent-color: var(--blue); }
.important-check { padding: 12px; border: 1px solid #f0d58e; border-radius: 7px; background: #fff9e8; color: #7c5700; }
.important-ticket td { background: #fffaf0; }
.important-ticket:hover td { background: #fff6df; }
.important-star, .important-badge { color: #b57600; }
.important-badge { display: inline-flex; padding: 4px 8px; border-radius: 99px; background: #fff0bd; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .45px; }
.sync-state { color: var(--green); font-weight: 700; }
.sync-state.offline { color: var(--red); }
.reply-box button:disabled { cursor: wait; opacity: .6; }
.reply-actions { display: flex; align-items: end; gap: 9px; }
.sender-choice { display: flex; flex-direction: row; align-items: center; gap: 7px; color: var(--muted); white-space: nowrap; }
.sender-choice select { width: auto; min-width: 105px; padding: 8px 28px 8px 9px; }
.avatar.ai-agent { border-radius: 10px; background: #eee6ff; color: #7139b6; font-size: 11px; }
.message-body header span.ai-label { background: #f1eaff; color: #7139b6; }

.selected-files { display: grid; gap: 7px; padding: 10px 4px; border-top: 1px solid var(--line); }
.selected-files > div { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 7px; background: #f5f7fb; border: 1px solid var(--line); }
.selected-files span { min-width: 0; flex: 1; }
.selected-files strong, .selected-files small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.selected-files strong { font-size: 12px; }
.selected-files small { font-size: 10px; color: var(--muted); margin-top: 2px; }
.selected-files button { border: 0; background: #fff; color: var(--red); border-radius: 50%; width: 26px; height: 26px; font-size: 18px; }

.closed-ticket-notice { display: flex; flex-direction: column; gap: 5px; padding: 16px 18px; border: 1px solid #d7dce5; border-radius: 9px; background: #eef1f5; color: #596477; }
.closed-ticket-notice strong { color: var(--ink); }
.status-change-notice { position: fixed; z-index: 20; top: 24px; left: 50%; transform: translate(-50%, -20px); opacity: 0; padding: 14px 22px; border-radius: 9px; background: #17223b; color: #fff; font-weight: 800; box-shadow: 0 12px 35px rgba(0,0,0,.25); transition: .25s ease; }
.status-change-notice.show { transform: translate(-50%, 0); opacity: 1; }

.archive-section { margin-top: 30px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.archive-section > summary { display: flex; justify-content: space-between; align-items: center; padding: 17px 20px; cursor: pointer; font-weight: 800; }
.archive-section > summary small { color: var(--muted); font-weight: 600; }
.archive-content { padding: 0 18px 18px; }
.archive-content > p { color: var(--muted); font-size: 12px; margin: 0 0 13px; }