/* Trộn thư */
#view-tron-thu .ev-drop { border: 2px dashed var(--line); border-radius: 16px; padding: 40px 20px; text-align: center; background: var(--panel); }
#view-tron-thu .ev-drop h2 { font-size: 19px; margin-bottom: 6px; }
#view-tron-thu .ev-drop p { color: var(--muted); margin: 0 auto 16px; max-width: 580px; }
#view-tron-thu code { background: var(--panel-2); padding: 0 4px; border-radius: 4px; font-size: 12px; }
#view-tron-thu .ev-tpl { display: flex; gap: 10px; align-items: center; }
#view-tron-thu .ev-tpl b { display: block; word-break: break-word; }
#view-tron-thu .banner code { background: transparent; font-weight: 600; }

#view-tron-thu .mm-samples { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
#view-tron-thu .mm-samples.big { max-width: 460px; margin: 22px auto 0; text-align: left; }
#view-tron-thu .mm-sample { display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-2); transition: border-color .15s; }
#view-tron-thu .mm-sample:hover { border-color: var(--accent); }
#view-tron-thu .mm-sample b { flex: 1; font-size: 13px; }
#view-tron-thu .mm-sample button { padding: 4px 10px; font-size: 13px; }

#view-tron-thu .mm-map > label code { font-size: 13px; }
#view-tron-thu .mm-map.empty select, #view-tron-thu .mm-map.empty input { border-color: var(--warn); }

#view-tron-thu .mm-table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); box-shadow: var(--shadow); max-height: calc(100vh - 230px); }
#view-tron-thu .mm-table { width: 100%; border-collapse: collapse; font-size: 13px; }
#view-tron-thu .mm-table th { position: sticky; top: 0; background: var(--panel-2); text-align: left; font-weight: 600; z-index: 1; }
#view-tron-thu .mm-table th, #view-tron-thu .mm-table td { padding: 7px 10px; border-bottom: 1px solid var(--line); white-space: nowrap; max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
#view-tron-thu .mm-table tr:last-child td { border-bottom: none; }
#view-tron-thu .mm-table tbody tr { transition: background .15s, opacity .15s; }
#view-tron-thu .mm-table tbody tr:hover { background: var(--accent-soft); }
#view-tron-thu .mm-table tr.off { opacity: .45; }
#view-tron-thu .mm-table .mm-act { text-align: right; padding: 2px 6px; }
#view-tron-thu .mm-table .mm-act button { padding: 3px 8px; }
@media (max-width: 640px) {
  #view-tron-thu .mm-table-wrap { max-height: none; }
  #view-tron-thu .toolbar button { flex: 1; }
}
#view-tron-thu #mmData { white-space: pre; overflow-x: auto; font-size: 13px; tab-size: 16; }