/* ของเราเอง วางทับ theme.css + lnl-theme.css — ฟอนต์อยู่ใน web/static/web/fonts ไม่โหลดจาก CDN (D7) */

.company-switch {
    min-width: 12rem;
    max-width: 22rem;
}

.nav-link.disabled {
    opacity: .45;
}

/* ต้องระบุ .table td ให้ชนะ padding ของตาราง Phoenix */
.table td.coa-indent-1 { padding-left: .5rem; font-weight: 700; }
.table td.coa-indent-2 { padding-left: 1.75rem; font-weight: 600; }
.table td.coa-indent-3 { padding-left: 3rem; }
.table td.coa-indent-4 { padding-left: 4.25rem; }
.table td.coa-indent-5 { padding-left: 5.5rem; }
.table td.coa-indent-6 { padding-left: 6.75rem; }

/* iPhone Safari ซูมหน้าเมื่อแตะช่องกรอกที่ฟอนต์เล็กกว่า 16px */
@media (max-width: 991.98px) {
    .form-control, .form-select { font-size: 16px; }
}
.form-select:disabled { color: var(--phoenix-quaternary-color); background-color: rgba(var(--phoenix-gray-100-rgb), 0.7); }

#page-progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 0;
    height: 3px;
    opacity: 0;
    background: var(--lnl-accent, #f5a623);
    box-shadow: 0 0 6px var(--lnl-accent, #f5a623);
    transition: width .2s ease, opacity .3s ease;
}

/* แดชบอร์ด (ไฟล์ business หน้าตาเมนูให้ดูน่าใช้.jpg) */
.kpi-value {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}

.quick-action {
    font-size: .95rem;
}

.navbar-top-search-box {
    max-width: 32rem;
}

/* จอโทรศัพท์: แถบบนมี ค้นหา / บันทึกใหม่ / บริษัท / ภาษา / ออก — ย่อช่องเลือกบริษัทให้พอดี */
@media (max-width: 575.98px) {
    .company-switch { min-width: 0; width: 6.5rem; padding-right: 1.75rem; background-position: right .5rem center; }
    .navbar-top .navbar-nav-icons { gap: .25rem !important; }
}

/* คำแนะนำของช่องกรอก (web/help.py) */
.lnl-help { color: var(--phoenix-quaternary-color); cursor: help; font-size: .85em; }
.lnl-help:hover, .lnl-help:focus { color: var(--phoenix-primary); outline: none; }
.tooltip-inner { max-width: 340px; text-align: left; }

/* Phoenix ตั้ง padding-right: 0 ให้ช่องสุดท้ายของตาราง — ในกล่องเลื่อน (.table-responsive) อักษรไทยตัวท้ายถูกตัดขอบ */
.table-responsive > .table > thead > tr > th:last-child,
.table-responsive > .table > tbody > tr > td:last-child,
.table-responsive > .table > tfoot > tr > td:last-child { padding-right: .5rem; }

/* ช่องเลือกค้นหาได้ (web/js/select-search.js · Tom Select) — รายการลอยที่ body จึงต้องอยู่เหนือ modal / แถบบน */
.ts-dropdown { z-index: 1090; }
.ts-dropdown { font-size: .85rem; min-width: 18rem; }
.ts-wrapper.form-select-sm .ts-control { font-size: .8rem; }
td > .ts-wrapper { min-width: 13rem; }
.ts-wrapper.pe-none .ts-control { pointer-events: none; }
.ts-wrapper.ts-typing .ts-control > .item { display: none; }
/* Tom Select (bootstrap5 theme) อ้างตัวแปร --bs-* ที่ Phoenix ไม่มี (ใช้ --phoenix-*) → รายการโปร่งใส ไม่มีแถบไฮไลต์ */
.ts-wrapper, .ts-dropdown {
    --bs-body-bg: var(--phoenix-emphasis-bg);
    --bs-body-color: var(--phoenix-body-color);
    --bs-border-color: var(--phoenix-border-color);
    --bs-border-color-translucent: var(--phoenix-border-color);
    --bs-border-width: 1px;
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-box-shadow-inset: var(--phoenix-box-shadow-inset);
    --bs-form-invalid-color: var(--phoenix-danger);
    --bs-form-valid-color: var(--phoenix-success);
    --bs-secondary-bg: var(--phoenix-secondary-bg);
    --bs-tertiary-bg: var(--phoenix-tertiary-bg);
}
.ts-dropdown { box-shadow: var(--phoenix-box-shadow); }