/* dnothi-extra.css — additive only; loaded AFTER style.css. Delete this file + the <link> in header.php to revert. */
.topnav { flex-wrap: wrap; }
.topnav a { white-space: normal; }

.dn-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
@media (max-width: 640px) { .dn-row2 { grid-template-columns: 1fr; } }
.dn-sub { font-size: .62em; font-weight: 500; color: #5b6b7f; }

.view-head .filter { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.dn-type-title { margin: 18px 0 8px; font-size: 1.02rem; font-weight: 600; color: #2b3a4d; }
.dn-badge { display: inline-block; padding: 2px 12px; border-radius: 999px; font-size: .9rem; border: 1px solid transparent; }
.dn-pakkhik { background: #fff4e0; color: #8a5a00; border-color: #f3d9a4; }
.dn-masik   { background: #e6f2fb; color: #15598f; border-color: #b9d9f0; }

.dn-report { min-width: 1180px; border-collapse: collapse; font-size: .92rem; }
.dn-report th, .dn-report td { border: 1px solid #cfd9e5; padding: 6px 8px; vertical-align: middle; }
.dn-report thead th { background: #eef4fb; color: #22344a; text-align: center; font-weight: 600; line-height: 1.35; }
.dn-report thead th small { font-weight: 400; color: #4d5f75; }
.dn-report thead tr.dn-num th { background: #f7fafd; font-weight: 500; font-size: .82rem; color: #4d5f75; padding: 3px 6px; }
.dn-report tbody tr:nth-child(even) td { background: #fafcfe; }
.dn-report tbody tr:hover td { background: #f1f7fd; }
.dn-report tfoot td { background: #eef4fb; font-weight: 700; }
.dn-report .c { text-align: center; }
.dn-report .dn-branch { min-width: 150px; text-align: left; }
.dn-report th.dn-branch { text-align: center; }
.dn-report .dn-op { min-width: 220px; text-align: left; }
.dn-report th.dn-op { text-align: center; }
.dn-report .dn-na { color: #8a97a8; }
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }

.dn-note { margin: 8px 0 0; padding: 8px 12px; background: #fffaf0; border: 1px solid #f3e2b8; border-radius: 8px; color: #7a5a14; font-size: .88rem; }

@media (max-width: 640px) {
  .dn-report { font-size: .85rem; }
  .dn-report .dn-branch { position: sticky; left: 0; background: #fff; z-index: 1; min-width: 120px; }
  .dn-report thead th.dn-branch { background: #eef4fb; }
  .dn-report tfoot td:first-child { position: sticky; left: 0; z-index: 1; }
}

@media print {
  @page { size: A4 landscape; margin: 10mm; }
  .topnav, .filter, .screen-only { display: none !important; }
  .table-wrap { overflow: visible; }
  .dn-report { min-width: 0; width: 100%; font-size: 9pt; }
  .dn-report th, .dn-report td { padding: 3px 4px; }
  .dn-report tr { break-inside: avoid; }
  .dn-report tbody tr:hover td, .dn-report tbody tr:nth-child(even) td { background: transparent; }
  .dn-badge { border: 1px solid #999; background: none; color: #000; }
  .dn-note { background: none; border-color: #999; color: #000; }
}

/* ---- তথ্য এন্ট্রি তালিকা + সম্পাদনা মোড ---- */
.dn-list { min-width: 1100px; border-collapse: collapse; font-size: .9rem; }
.dn-list th, .dn-list td { border: 1px solid #cfd9e5; padding: 6px 8px; vertical-align: middle; }
.dn-list thead th { background: #eef4fb; color: #22344a; text-align: center; font-weight: 600; line-height: 1.35; }
.dn-list thead th small { font-weight: 400; color: #4d5f75; }
.dn-list tbody tr:nth-child(even) td { background: #fafcfe; }
.dn-list tbody tr:hover td { background: #f1f7fd; }
.dn-list .c { text-align: center; }
.dn-list .dn-branch { min-width: 140px; }
.dn-list .dn-op { min-width: 180px; max-width: 280px; }
.dn-list .dn-time { white-space: nowrap; color: #4d5f75; }
.dn-list .dn-na { color: #8a97a8; }
.dn-pager { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 14px; }
.dn-editbar { margin: 0 0 14px; padding: 10px 14px; background: #fff8e6; border: 1px solid #f3dfae; border-radius: 8px; color: #6e5212; }
@media (max-width: 640px) { .dn-list .dn-branch { position: sticky; left: 0; background: #fff; z-index: 1; min-width: 110px; } }

/* ---- layout fixes (live screenshot, Oct 2026): override style.css's fixed table layout & button sizing ---- */
.card table.data.dn-list, .card table.data.dn-report { table-layout: auto !important; width: 100%; }
.dn-list th, .dn-list td { overflow-wrap: anywhere; }
.dn-list td.dn-time { white-space: nowrap; min-width: 92px; }
.dn-list td.dn-time small { color: #6b7b8f; }
.dn-list td.dn-act, .dn-list th:last-child { white-space: nowrap; width: 1%; min-width: 110px; }
.card .dn-list .dn-edit {
  display: inline-flex !important; flex-direction: row !important; align-items: center; justify-content: center; gap: 4px;
  width: auto !important; min-width: 0 !important; height: auto !important; margin: 0 !important;
  padding: 6px 12px !important; white-space: nowrap; line-height: 1.3; box-sizing: border-box; font-size: .88rem;
}
.dn-list td.dn-branch { min-width: 130px; }
.dn-list td:nth-child(3) { white-space: nowrap; }          /* মাস */

/* password popup */
#pwModal .modal-box input[type="password"] {
  width: 100%; box-sizing: border-box; padding: 10px 12px; font: inherit; font-size: 1rem;
  border: 1px solid #b9c7d6; border-radius: 8px; background: #fff; color: inherit;
}
#pwModal .modal-box input[type="password"]:focus { outline: 2px solid #8fbfa8; outline-offset: 1px; border-color: #5c9a7c; }
#pwModal #pwLabel { font-size: .92rem; margin: 0 0 12px; color: #4d5f75; }