/*
 * CDN library overrides — энэ файл yield :head-ийн дараа ачаалагдах учраас
 * CDN-ээс ирсэн CSS-г дарж override хийж чадна.
 */

/* ── Report dark mode overrides ── */
[data-theme="dark"] .report-view,
[data-theme="dark"] .report-view td,
[data-theme="dark"] .report-view th,
[data-theme="dark"] .report-view p,
[data-theme="dark"] .report-view span,
[data-theme="dark"] .report-view div,
[data-theme="dark"] .report-view h1,
[data-theme="dark"] .report-view h2,
[data-theme="dark"] .report-view h3,
[data-theme="dark"] .report-view h4,
[data-theme="dark"] .report-view h5,
[data-theme="dark"] .report-view h6        { color: oklch(var(--bc)) !important; }
[data-theme="dark"] .report-view .table    { color: oklch(var(--bc)) !important; }
[data-theme="dark"] .report-view table  { color: oklch(var(--bc)) !important; }
[data-theme="dark"] .report-view table th  { color: oklch(var(--bc)) !important; }
[data-theme="dark"] .report-view .table-bordered td,
[data-theme="dark"] .report-view .table-bordered th { border-color: oklch(var(--b3)) !important; }
[data-theme="dark"] .report-view .inner-table td,
[data-theme="dark"] .report-view .inner-table th { border-color: oklch(var(--b3)) !important; }
[data-theme="dark"] .report-view .div-div        { border-color: oklch(var(--b3)) !important; }
[data-theme="dark"] .report-view .notes-label    { background: oklch(var(--b2)) !important; color: oklch(var(--bc)) !important; }
[data-theme="dark"] .report-view .sub-header     { background: oklch(var(--b3)) !important; color: oklch(var(--bc)) !important; }
[data-theme="dark"] .report-view .text-primary   { color: oklch(var(--p)) !important; }
[data-theme="dark"] .report-view .text-danger    { color: oklch(var(--er)) !important; }

/* ── A4 хуудас — WorkAct context (edit/show, хэвлэх үзэмж) ──
   Хэвлэхэд харагдах хэмжээ, фонттой яг таарч байхаар зориулав. */
.a4-page {
  width: 100%;
  max-width: 210mm;
  min-height: 297mm;
  margin: 0 auto;
  background: #fff;
  padding: 20mm 20mm 15mm;
  font-family: 'Times New Roman', Times, serif;
  font-size: 12pt;
  line-height: 1.5;
  color: #111;
  box-sizing: border-box;
}

.a4-page table {
  border-collapse: collapse;
  width: 100%;
  /* TipTap хүснэгтийн colgroup-ийн багана өргөнийг мөрдүүлнэ */
  table-layout: fixed;
}

.a4-page table td,
.a4-page table th {
  border: 1px solid #999;
  padding: 4px 8px;
  vertical-align: top;
}

/* ── TipTap суурь загвар ──
   quill.snow.css-ийг устгасан тул засварлагчийн хайрцаг, жагсаалт, гарчгийн
   загварыг өөрсдөө тодорхойлно. Tailwind preflight нь ul/ol/h1-ийг тэглэдэг тул
   засварлагч дотор болон хадгалсан контент харуулахад аль алинд нь хэрэгтэй. */
.ProseMirror { outline: none; }
.ProseMirror ul,
.doc-body ul        { list-style: disc; padding-left: 1.5rem; }
.ProseMirror ol,
.doc-body ol        { list-style: decimal; padding-left: 1.5rem; }
.ProseMirror h1, .doc-body h1 { font-size: 1.6em; font-weight: 700; }
.ProseMirror h2, .doc-body h2 { font-size: 1.35em; font-weight: 700; }
.ProseMirror h3, .doc-body h3 { font-size: 1.15em; font-weight: 600; }
.ProseMirror blockquote,
.doc-body blockquote { border-left: 3px solid #d1d5db; padding-left: .75rem; color: #4b5563; }
.ProseMirror a, .doc-body a { color: #2563eb; text-decoration: underline; }

/* ── Хүснэгт — засварлагч болон хадгалсан контент хоёуланд ── */
.ProseMirror table,
.doc-body table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;   /* TipTap-ийн colgroup багана өргөнийг мөрдүүлнэ */
  margin: 8px 0;
  overflow: hidden;
}
.ProseMirror table td, .ProseMirror table th,
.doc-body table td,    .doc-body table th {
  border: 1px solid #999;
  padding: 4px 8px;
  vertical-align: top;
  position: relative;
  box-sizing: border-box;
}
.ProseMirror table th,
.doc-body table th { background: #f3f4f6; font-weight: 600; }

/* Сонгогдсон нүд — нэгтгэхийн өмнө харагдац өгнө */
.ProseMirror table .selectedCell::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(59, 130, 246, 0.15);
  pointer-events: none;
}

/* Багана өргөсгөх бариул */
.ProseMirror .column-resize-handle {
  position: absolute;
  right: -2px; top: 0; bottom: -2px;
  width: 4px;
  background: #3b82f6;
  pointer-events: none;
}
.ProseMirror.resize-cursor { cursor: col-resize; }

.ProseMirror img, .doc-body img { max-width: 100%; height: auto; }

/* A4 биш энгийн маягтын засварлагч — toolbar-тай залгасан хүрээтэй хайрцаг */
.tiptap-box .tiptap-editor {
  background: #fff;
  border: 1px solid oklch(var(--b3));
  border-top: 0;
  border-radius: 0 0 .5rem .5rem;
}
.tiptap-box .ProseMirror        { min-height: 10rem; padding: .75rem; }
.tiptap-box.tiptap-tall .ProseMirror { min-height: 16rem; }

/* Quill үеийн хуучин контентын зэрэгцүүлэлт — шинэ контент style="text-align"
   ашигладаг ч өмнө хадгалсан бичлэгүүд ql-align class-тай хэвээр байж болно. */
.ql-align-center  { text-align: center; }
.ql-align-right   { text-align: right; }
.ql-align-justify { text-align: justify; }

/* ── Tom Select — DaisyUI select-sm өндөртэй тэнцүүлэх ── */
.ts-dropdown { background-color: white; }
.ts-wrapper { height: 2rem; min-height: auto; }
.ts-wrapper.single .ts-control,
.ts-wrapper.single.input-active .ts-control {
  min-height: unset;
  background-image: none;
  height: 2rem;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
}