/*
 * Kligers admin-UI overrides.
 *
 * Loaded on every admin page via App\Services\Module\ModuleFacade (see
 * Providers/KligersUIServiceProvider.php). Nothing here targets upstream
 * markup directly: kligers-ui.js tags the elements it recognises with
 * data-kligers attributes, and this file styles only those tags. If upstream
 * changes its DOM, the script stops tagging and these rules simply never
 * match — the form falls back to stock appearance rather than breaking.
 */

/* Scope Description is a free-text paragraph that ends up as its own block on
   the PDF, so a 2-row textarea (upstream's default for TextArea custom fields,
   TextAreaType.vue) is far too small to review what you are about to send.
   Full width of the custom-field grid plus 200px of height makes it the same
   size as the Notes editor directly above it. */
[data-kligers='scope'] {
    grid-column: 1 / -1;
}

[data-kligers='scope'] textarea {
    min-height: 200px;
    resize: vertical;
}

/* Order Number is moved into the top field grid next to Invoice Number. It
   keeps the stock BaseInputGroup styling; this only stops the grid's row from
   stretching the input when the neighbouring cell is taller. */
[data-kligers='order'] {
    align-self: start;
}

/* The "Item" column added to the invoice and quote lists. Line item names run
   to a full sentence, so the cell is clamped to one line with an ellipsis and
   carries the whole text in its title attribute — without a width limit the
   table grows past the viewport and every other column is pushed off-screen. */
td[data-kligers='item'] {
    max-width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
}