/* AquaBest QA phase - central fixes stylesheet (build 1). Loaded on index.html and every page after aquabest-m1-v1.css. */

/* =====================================================================
   QA 1: Dark Mode - a hovered list row turned WHITE while the text stayed light (unreadable).
   Cause: aquabest-kscreens-v1.css line ~315 paints the hovered row a fixed light grey (#FAFAFB !important) and it
   is loaded AFTER the dark rule in aquabest-bridge-v1.css (same strength, later file wins). This file is loaded
   last and the selectors below are stronger, so every table on every page gets the same dark hover once.
   ===================================================================== */
html body.kanakku-skin.kanakku-dark #pageContent tbody tr:hover > td,
html body.kanakku-skin.kanakku-dark #pageContent tbody tr:hover > th,
html body.kanakku-skin.kanakku-dark #pageContent[data-kw] .table-container tbody tr:hover > td,
html body.kanakku-skin.kanakku-dark #pageContent .table-container tbody tr:hover > td,
html body.kanakku-skin.kanakku-dark #pageContent .card-body > table tbody tr:hover > td {
  background: #24304A !important;           /* a little lighter than the dark row - readable, still dark */
  color: var(--k-ink) !important;
}
/* words inside the hovered row keep their own colours (status words, grey phone lines) - only plain text is forced light */
html body.kanakku-skin.kanakku-dark #pageContent tbody tr:hover > td > div[style*="font-size"],
html body.kanakku-skin.kanakku-dark #pageContent tbody tr:hover > td small { color: var(--k-muted) !important; }
/* QA 1: a ticked row (checkbox in the first column) gets a quiet tint in both modes so the selection is visible
   (Dark needs !important + :not(:hover): aquabest-bridge-v1.css forces every td transparent with !important) */
html body.kanakku-skin #pageContent .table-container tbody tr:has(> td:first-child > input[type="checkbox"]:checked):not(:hover) > td { background: rgba(117, 57, 255, 0.07) !important; }
html body.kanakku-skin.kanakku-dark #pageContent .table-container tbody tr:has(> td:first-child > input[type="checkbox"]:checked):not(:hover) > td { background: rgba(117, 57, 255, 0.22) !important; }
/* QA 1: Dark - the 3-dot row menu and the "More" menus: the hovered item is a lighter dark line, never a white flash
   (aquabest-kscreens-v1.css paints it light grey with a stronger selector, so these are written stronger again) */
html body.kanakku-skin.kanakku-dark .kw-rowmenu-list > .btn:not(:disabled):hover,
html body.kanakku-skin.kanakku-dark .kw-rowmenu-list > button:not(:disabled):hover,
html body.kanakku-skin.kanakku-dark .kw-rowmenu-list > a:hover,
html body.kanakku-skin.kanakku-dark #pageContent[data-kw] .kw-more-menu > .btn:not(:disabled):hover,
html body.kanakku-skin.kanakku-dark #pageContent[data-kw] .kw-more-menu > button:not(:disabled):hover,
html body.kanakku-skin.kanakku-dark #pageContent[data-kw] .kw-more-menu > a:hover,
html body.kanakku-skin.kanakku-dark .kt-menu :is(button, a):not(:disabled):hover { background: #24304A !important; color: var(--k-ink) !important; }
html body.kanakku-skin.kanakku-dark .kw-rowmenu-list > .btn-danger:not(:disabled):hover,
html body.kanakku-skin.kanakku-dark #pageContent[data-kw] .kw-more-menu > .btn-danger:not(:disabled):hover { background: rgba(239, 30, 30, 0.18) !important; color: #FF6B6B !important; }

/* =====================================================================
   QA 2: Dark Mode - the Aqua Best logo (top-left) is a white picture squeezed into 28 px: on the dark sidebar it
   became a faded white blob. Cause: the logo file has a white background; aquabest-sidebar-v1.css shows it at
   28 px with no frame. Fix: show it as a proper logo chip - a little bigger, white inside with padding, a soft
   edge - and keep the name "AquaBest" in full ink (not muted). Same for the thin rail logo and the phone menu.
   ===================================================================== */
html body.kanakku-skin.kanakku-dark .sidebar .sidebar-header img,
html body.kanakku-skin.kanakku-dark .sidebar .sidebar-header picture {
  width: 34px; height: 34px; border-radius: 9px; background: #FFFFFF; padding: 2px; box-sizing: border-box; object-fit: contain;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18), 0 2px 6px rgba(0, 0, 0, 0.35);
}
html body.kanakku-skin.kanakku-dark .sidebar .sidebar-header picture { padding: 0; }
html body.kanakku-skin.kanakku-dark .sidebar .sidebar-header picture img { width: 34px; height: 34px; padding: 2px; }
html body.kanakku-skin.kanakku-dark .sidebar .sidebar-header h1 { color: #FFFFFF !important; opacity: 1 !important; }
html body.kanakku-skin.kanakku-dark .sidebar .sidebar-header h1::after { color: var(--k-ink-2) !important; opacity: 1 !important; }
html body.kanakku-skin.kanakku-dark .k-rail-logo { background: #FFFFFF; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18), 0 2px 6px rgba(0, 0, 0, 0.35); }
html body.kanakku-skin.kanakku-dark .k-rail-logo img { object-fit: contain; padding: 2px; box-sizing: border-box; }
/* the collapsed (mini) sidebar shows only the logo - same chip, a little bigger */
@media (min-width: 992px) {
  html body.kanakku-skin.kanakku-dark.k-mini .sidebar:not(:hover) .sidebar-header img,
  html body.kanakku-skin.kanakku-dark.k-mini .sidebar:not(:hover) .sidebar-header picture,
  html body.kanakku-skin.kanakku-dark.k-mini .sidebar:not(:hover) .sidebar-header picture img { width: 38px; height: 38px; }
}

/* =====================================================================
   QA 5 / 8 / 10 + table audit: long customer / equipment / location / notes values made the lists very wide
   (sideways scrolling, Actions pushed off-screen). Fix, per page: the long-text columns get a sensible
   maximum width and show "..." when the value is longer (the full value is in the hover title, added by
   aquabest-qa-tables-v1.js where it is loaded); the Actions column sticks to the right edge so it is always
   reachable even when the list is still wider than the screen (1366 px laptops).
   ===================================================================== */
/* the shared "cut long text with ..." look (the JS adds .qa-ell to plain text cells; the per-page rules below use it too) */
body.kanakku-skin #pageContent .table-container td.qa-ell,
body.kanakku-skin #pageContent .table-container td.qa-ell > div,
body.kanakku-skin #pageContent .table-container td.qa-ell > small,
body.kanakku-skin #pageContent .table-container td.qa-ell > strong,
body.kanakku-skin #pageContent .table-container td.qa-ell > span:not(.badge):not([class*="m1-badge"]) {
  white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
body.kanakku-skin #pageContent .table-container td.qa-ell > div,
body.kanakku-skin #pageContent .table-container td.qa-ell > small { display: block; }
body.kanakku-skin #pageContent .table-container td.qa-ell > span:not(.badge):not([class*="m1-badge"]) { display: inline-block; vertical-align: bottom; }
/* one row height: cells never grow taller than two short lines */
body.kanakku-skin #pageContent .table-container td.qa-ell { line-height: 20px; }

/* ---- Actions column sticks to the right edge (only on the list pages named here) ---- */
@media (min-width: 769px) {
  body.kanakku-skin #pageContent:is([data-kw="warranty-tracker"], [data-kw="amc-contracts"], [data-kw="customer-portal"], [data-kw="equipment"], [data-kw="amc-followups"], [data-kw="schedule"], [data-kw="customers"], [data-kw="suppliers"], [data-kw="purchase-invoices"], [data-kw="tax-invoice"], [data-kw="quotation"], [data-kw="expenses"], [data-kw="site-visits"]) .card-body > .table-container > table > * > tr > :last-child,
  body.kanakku-skin #pageContent[data-kw="amc-contracts"] .m1-card > .table-container.m1-table > table > * > tr > :last-child {
    position: sticky; right: 0; z-index: 2; white-space: nowrap; box-shadow: -1px 0 0 var(--k-line, #E8E8E8);
  }
  /* when the list really is wider than its box (the JS helper adds .qa-scrolls) the sticky column gets a soft shadow */
  body.kanakku-skin #pageContent .table-container.qa-scrolls > table > * > tr > :last-child { box-shadow: -1px 0 0 var(--k-line, #E8E8E8), -10px 0 12px -8px rgba(0, 0, 0, 0.22); }
  /* the sticky cell must be solid, in the colour of its row. aquabest-bridge-v1.css forces every td transparent with
     !important (light and dark), so these are written stronger; a hovered row is left to rule QA 1 (not :hover). */
  html body.kanakku-skin #pageContent:is([data-kw="warranty-tracker"], [data-kw="amc-contracts"], [data-kw="customer-portal"], [data-kw="equipment"], [data-kw="amc-followups"], [data-kw="schedule"], [data-kw="customers"], [data-kw="suppliers"], [data-kw="purchase-invoices"], [data-kw="tax-invoice"], [data-kw="quotation"], [data-kw="expenses"], [data-kw="site-visits"]) .card-body > .table-container > table > thead > tr > th:last-child,
  html body.kanakku-skin #pageContent[data-kw="amc-contracts"] .m1-card > .table-container.m1-table > table > thead > tr > th:last-child { background: var(--k-panel) !important; }
  html body.kanakku-skin #pageContent:is([data-kw="warranty-tracker"], [data-kw="amc-contracts"], [data-kw="customer-portal"], [data-kw="equipment"], [data-kw="amc-followups"], [data-kw="schedule"], [data-kw="customers"], [data-kw="suppliers"], [data-kw="purchase-invoices"], [data-kw="tax-invoice"], [data-kw="quotation"], [data-kw="expenses"], [data-kw="site-visits"]) .card-body > .table-container > table > tbody > tr:not(:hover) > td:last-child,
  html body.kanakku-skin #pageContent[data-kw="amc-contracts"] .m1-card > .table-container.m1-table > table > tbody > tr:not(:hover) > td:last-child { background: var(--k-white, #fff) !important; }
  html body.kanakku-skin.kanakku-dark #pageContent:is([data-kw="warranty-tracker"], [data-kw="amc-contracts"], [data-kw="customer-portal"], [data-kw="equipment"], [data-kw="amc-followups"], [data-kw="schedule"], [data-kw="customers"], [data-kw="suppliers"], [data-kw="purchase-invoices"], [data-kw="tax-invoice"], [data-kw="quotation"], [data-kw="expenses"], [data-kw="site-visits"]) .card-body > .table-container > table > tbody > tr:nth-child(even):not(:hover) > td:last-child,
  html body.kanakku-skin.kanakku-dark #pageContent[data-kw="amc-contracts"] .m1-card > .table-container.m1-table > table > tbody > tr:nth-child(even):not(:hover) > td:last-child { background: var(--k-panel) !important; }
  html body.kanakku-skin #pageContent:is([data-kw="warranty-tracker"], [data-kw="amc-contracts"], [data-kw="customer-portal"], [data-kw="equipment"], [data-kw="amc-followups"], [data-kw="schedule"], [data-kw="customers"], [data-kw="suppliers"], [data-kw="purchase-invoices"], [data-kw="tax-invoice"], [data-kw="quotation"], [data-kw="expenses"], [data-kw="site-visits"]) .card-body > .table-container > table > tbody > tr:has(> td:first-child > input[type="checkbox"]:checked):not(:hover) > td:last-child { background: #F4F0FF !important; }
  html body.kanakku-skin.kanakku-dark #pageContent:is([data-kw="warranty-tracker"], [data-kw="amc-contracts"], [data-kw="customer-portal"], [data-kw="equipment"], [data-kw="amc-followups"], [data-kw="schedule"], [data-kw="customers"], [data-kw="suppliers"], [data-kw="purchase-invoices"], [data-kw="tax-invoice"], [data-kw="quotation"], [data-kw="expenses"], [data-kw="site-visits"]) .card-body > .table-container > table > tbody > tr:has(> td:first-child > input[type="checkbox"]:checked):not(:hover) > td:last-child { background: #272246 !important; }
}

/* QA 4 (integration): every per-column rule skips the LAST column, so the Actions column of a table with fewer columns (non-admin Equipment) is never cut */
/* ---- per-page sensible widths for the long-text columns (max-width + "..."); the numbers are for 1366-1920 px ---- */
/* QA 5: Warranty Tracker - Equipment / Customer / Location */
body.kanakku-skin #pageContent[data-kw="warranty-tracker"] .table-container td:nth-child(2):not(:last-child) { max-width: 170px; }
body.kanakku-skin #pageContent[data-kw="warranty-tracker"] .table-container td:nth-child(3):not(:last-child) { max-width: 200px; min-width: 140px; }
body.kanakku-skin #pageContent[data-kw="warranty-tracker"] .table-container td:nth-child(5):not(:last-child) { max-width: 180px; }
body.kanakku-skin #pageContent[data-kw="warranty-tracker"] .table-container td:nth-child(2):not(:last-child),
body.kanakku-skin #pageContent[data-kw="warranty-tracker"] .table-container td:nth-child(3):not(:last-child),
body.kanakku-skin #pageContent[data-kw="warranty-tracker"] .table-container td:nth-child(5):not(:last-child),
/* QA 8: AMC Contracts - Customer / Equipment-System (main list) and Customer / Billing (billing list) */
body.kanakku-skin #pageContent[data-kw="amc-contracts"] .card-body > .table-container td:nth-child(2):not(:last-child),
body.kanakku-skin #pageContent[data-kw="amc-contracts"] .card-body > .table-container td:nth-child(3):not(:last-child),
body.kanakku-skin #pageContent[data-kw="amc-contracts"] .table-container.m1-table td:nth-child(2):not(:last-child),
body.kanakku-skin #pageContent[data-kw="amc-contracts"] .table-container.m1-table td:nth-child(5):not(:last-child),
/* QA 10: Customer Portal - Name / Contact / City / Address / Email */
body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container td:nth-child(2):not(:last-child),
body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container td:nth-child(3):not(:last-child),
body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container td:nth-child(4):not(:last-child),
body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container td:nth-child(5):not(:last-child),
body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container td:nth-child(8):not(:last-child),
body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container td:nth-child(10):not(:last-child),
/* audit: Equipment - Name / Type / Customer / Location / Added by */
body.kanakku-skin #pageContent[data-kw="equipment"] .table-container td:nth-child(3):not(:last-child),
body.kanakku-skin #pageContent[data-kw="equipment"] .table-container td:nth-child(4):not(:last-child),
body.kanakku-skin #pageContent[data-kw="equipment"] .table-container td:nth-child(5):not(:last-child),
body.kanakku-skin #pageContent[data-kw="equipment"] .table-container td:nth-child(7):not(:last-child),
body.kanakku-skin #pageContent[data-kw="equipment"] .table-container td:nth-child(8):not(:last-child),
/* audit: AMC Follow-ups - Customer / Equipment / Notes */
body.kanakku-skin #pageContent[data-kw="amc-followups"] .table-container td:nth-child(3):not(:last-child),
body.kanakku-skin #pageContent[data-kw="amc-followups"] .table-container td:nth-child(5):not(:last-child),
body.kanakku-skin #pageContent[data-kw="amc-followups"] .table-container td:nth-child(10):not(:last-child),
/* audit: Schedule - Customer / Service Type / Frequency */
body.kanakku-skin #pageContent[data-kw="schedule"] .table-container td:nth-child(3):not(:last-child),
body.kanakku-skin #pageContent[data-kw="schedule"] .table-container td:nth-child(4):not(:last-child),
body.kanakku-skin #pageContent[data-kw="schedule"] .table-container td:nth-child(7):not(:last-child),
/* audit: Customers - Name / Location / Equipment */
body.kanakku-skin #pageContent[data-kw="customers"] .table-container td:nth-child(1):not(:last-child),
body.kanakku-skin #pageContent[data-kw="customers"] .table-container td:nth-child(3):not(:last-child),
body.kanakku-skin #pageContent[data-kw="customers"] .table-container td:nth-child(4):not(:last-child),
/* audit: Suppliers - Name / TRN-Contact / Account Owner / Notes */
body.kanakku-skin #pageContent[data-kw="suppliers"] .table-container td:nth-child(2):not(:last-child),
body.kanakku-skin #pageContent[data-kw="suppliers"] .table-container td:nth-child(3):not(:last-child),
body.kanakku-skin #pageContent[data-kw="suppliers"] .table-container td:nth-child(4):not(:last-child),
body.kanakku-skin #pageContent[data-kw="suppliers"] .table-container td:nth-child(8):not(:last-child),
/* audit: Purchase Invoices - Supplier Invoice / Supplier-PO / Handled By / Notes */
body.kanakku-skin #pageContent[data-kw="purchase-invoices"] .card-body > .table-container td:nth-child(2):not(:last-child),
body.kanakku-skin #pageContent[data-kw="purchase-invoices"] .card-body > .table-container td:nth-child(3):not(:last-child),
body.kanakku-skin #pageContent[data-kw="purchase-invoices"] .card-body > .table-container td:nth-child(4):not(:last-child),
body.kanakku-skin #pageContent[data-kw="purchase-invoices"] .card-body > .table-container td:nth-child(8):not(:last-child),
/* audit: Tax Invoice - Customer;  Quotation - Customer / Subject;  Expenses - Category / Description */
body.kanakku-skin #pageContent[data-kw="tax-invoice"] .table-container td:nth-child(4):not(:last-child),
body.kanakku-skin #pageContent[data-kw="quotation"] .table-container td:nth-child(4):not(:last-child),
body.kanakku-skin #pageContent[data-kw="quotation"] .table-container td:nth-child(6):not(:last-child),
body.kanakku-skin #pageContent[data-kw="expenses"] .card-body > .table-container td:nth-child(3):not(:last-child),
body.kanakku-skin #pageContent[data-kw="expenses"] .card-body > .table-container td:nth-child(4):not(:last-child) {
  white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; line-height: 20px;
}
/* the inner lines of those cells (name + phone, contract + "view") get the same "..." */
body.kanakku-skin #pageContent[data-kw="amc-contracts"] .table-container td:nth-child(2) > div,
body.kanakku-skin #pageContent[data-kw="amc-contracts"] .table-container td:nth-child(2) > small,
body.kanakku-skin #pageContent[data-kw="customers"] .table-container td:nth-child(3) > div,
body.kanakku-skin #pageContent[data-kw="schedule"] .table-container td:nth-child(3) > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 100%; }
body.kanakku-skin #pageContent[data-kw="schedule"] .table-container td:nth-child(3) > span { display: inline-block; vertical-align: bottom; }
/* the widths themselves */
body.kanakku-skin #pageContent[data-kw="amc-contracts"] .card-body > .table-container td:nth-child(2) { max-width: 220px; }
body.kanakku-skin #pageContent[data-kw="amc-contracts"] .card-body > .table-container td:nth-child(3) { max-width: 220px; }
body.kanakku-skin #pageContent[data-kw="amc-contracts"] .card-body > .table-container td:nth-child(4) { min-width: 120px; }
body.kanakku-skin #pageContent[data-kw="amc-contracts"] .table-container.m1-table td:nth-child(2) { max-width: 200px; }
body.kanakku-skin #pageContent[data-kw="amc-contracts"] .table-container.m1-table td:nth-child(5) { max-width: 220px; }
body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container td:nth-child(2) { max-width: 200px; }
body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container td:nth-child(3) { max-width: 140px; }
body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container td:nth-child(4) { max-width: 120px; }
body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container td:nth-child(5) { max-width: 140px; }
body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container td:nth-child(8) { max-width: 220px; }
body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container td:nth-child(10) { max-width: 200px; }
body.kanakku-skin #pageContent[data-kw="equipment"] .table-container td:nth-child(3) { max-width: 180px; }
body.kanakku-skin #pageContent[data-kw="equipment"] .table-container td:nth-child(4) { max-width: 170px; }
body.kanakku-skin #pageContent[data-kw="equipment"] .table-container td:nth-child(5) { max-width: 200px; }
body.kanakku-skin #pageContent[data-kw="equipment"] .table-container td:nth-child(7) { max-width: 200px; }
body.kanakku-skin #pageContent[data-kw="equipment"] .table-container td:nth-child(8) { max-width: 120px; }
body.kanakku-skin #pageContent[data-kw="amc-followups"] .table-container td:nth-child(3) { max-width: 200px; }
body.kanakku-skin #pageContent[data-kw="amc-followups"] .table-container td:nth-child(5) { max-width: 170px; }
body.kanakku-skin #pageContent[data-kw="amc-followups"] .table-container td:nth-child(10) { max-width: 260px; }
body.kanakku-skin #pageContent[data-kw="schedule"] .table-container td:nth-child(3) { max-width: 220px; }
body.kanakku-skin #pageContent[data-kw="schedule"] .table-container td:nth-child(4) { max-width: 170px; }
body.kanakku-skin #pageContent[data-kw="schedule"] .table-container td:nth-child(7) { max-width: 150px; }
body.kanakku-skin #pageContent[data-kw="customers"] .table-container td:nth-child(1) { max-width: 220px; }
body.kanakku-skin #pageContent[data-kw="customers"] .table-container td:nth-child(3) { max-width: 200px; }
body.kanakku-skin #pageContent[data-kw="customers"] .table-container td:nth-child(4) { max-width: 160px; }
body.kanakku-skin #pageContent[data-kw="suppliers"] .table-container td:nth-child(2) { max-width: 220px; }
body.kanakku-skin #pageContent[data-kw="suppliers"] .table-container td:nth-child(3) { max-width: 180px; }
body.kanakku-skin #pageContent[data-kw="suppliers"] .table-container td:nth-child(4) { max-width: 160px; }
body.kanakku-skin #pageContent[data-kw="suppliers"] .table-container td:nth-child(8) { max-width: 220px; }
body.kanakku-skin #pageContent[data-kw="purchase-invoices"] .card-body > .table-container td:nth-child(2) { max-width: 220px; }
body.kanakku-skin #pageContent[data-kw="purchase-invoices"] .card-body > .table-container td:nth-child(3) { max-width: 200px; }
body.kanakku-skin #pageContent[data-kw="purchase-invoices"] .card-body > .table-container td:nth-child(4) { max-width: 160px; }
body.kanakku-skin #pageContent[data-kw="purchase-invoices"] .card-body > .table-container td:nth-child(8) { max-width: 200px; }
body.kanakku-skin #pageContent[data-kw="tax-invoice"] .table-container td:nth-child(4) { max-width: 220px; }
body.kanakku-skin #pageContent[data-kw="quotation"] .table-container td:nth-child(4) { max-width: 200px; }
body.kanakku-skin #pageContent[data-kw="quotation"] .table-container td:nth-child(6) { max-width: 220px; }
body.kanakku-skin #pageContent[data-kw="expenses"] .card-body > .table-container td:nth-child(3) { max-width: 170px; }
body.kanakku-skin #pageContent[data-kw="expenses"] .card-body > .table-container td:nth-child(4) { max-width: 260px; }
/* a cell with the "..." must never be an empty-looking cell: keep at least some room */
body.kanakku-skin #pageContent[data-kw] .table-container td[data-kw-av] { min-width: 140px; }
/* laptops (1366): a little less padding in the wide lists so more of the list fits before it scrolls */
@media (max-width: 1400px) {
  body.kanakku-skin #pageContent[data-kw="warranty-tracker"] .table-container :is(th, td),
  body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container :is(th, td),
  body.kanakku-skin #pageContent[data-kw="amc-followups"] .table-container :is(th, td),
  body.kanakku-skin #pageContent[data-kw="amc-contracts"] .table-container :is(th, td),
  body.kanakku-skin #pageContent[data-kw="equipment"] .table-container :is(th, td),
  body.kanakku-skin #pageContent[data-kw="schedule"] .table-container :is(th, td) { padding-left: 10px !important; padding-right: 10px !important; }
  body.kanakku-skin #pageContent[data-kw="warranty-tracker"] .table-container td:nth-child(5) { max-width: 150px; }
  body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container td:nth-child(8) { max-width: 160px; }
  body.kanakku-skin #pageContent[data-kw="customer-portal"] .table-container td:nth-child(10) { max-width: 150px; }
  body.kanakku-skin #pageContent[data-kw="amc-followups"] .table-container td:nth-child(10) { max-width: 180px; }
  body.kanakku-skin #pageContent[data-kw="equipment"] .table-container td:nth-child(7) { max-width: 160px; }
}