/* ============================================================================
   lp-modules.css — Module-specific styling.

   Contains ONLY styling that is unique to a particular module (Employees,
   Projects, Calendar, Inventory, Vehicles, AI Center, …). Reusable
   components live in lp-components.css; workspace/overlay/dialog styling
   lives in lp-workspaces.css.

   Suggested section order (add as modules are migrated):
     .lp-mod-personnel-* — Personnel / Employee module
     .lp-mod-calendar-*  — Calendar module (Overview + Planning)
     .lp-mod-projects-*
     .lp-mod-fleet-*
     .lp-mod-inventory-*
     .lp-mod-ai-center-* — AI Center specifics
   ============================================================================ */

/* ══════════════════════════════════════════════════════════════════════════
   DETAILS PANEL — Employee content (V2-06 §11.5 + prototype layout)
   Rich layout injected into the shared #lpDetailsPanelBody by the Personnel
   view. Not tied to Kendo — the same class names can be reused by other
   modules that want the same hero + quick-actions + field-list layout.
   ══════════════════════════════════════════════════════════════════════════ */
/* Profile header (UI spec Appendix A.2 / prototype .profile-header-card):
   photo tile on the left, name / position / status beside it. With a photo,
   a small initials badge overlaps the tile's bottom-right corner. */
.lp-v2 .lp-dp-hero {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    background: var(--lp-surface);
    border: 1px solid var(--lp-border);
    border-radius: 14px;
    margin-bottom: 12px;
}
.lp-v2 .lp-dp-photo {
    position: relative;
    width: 132px;
    height: 132px;
    border-radius: 18px;
    background: #DBEAFE;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.lp-v2 .lp-dp-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 18px;
}
.lp-v2 .lp-dp-photo-fallback {
    font-family: var(--lp-font-heading);
    font-weight: var(--lp-fw-black);
    font-size: 34px;
    color: var(--lp-brand);
}
.lp-v2 .lp-dp-photo-badge {
    position: absolute;
    right: -6px;
    bottom: 10px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--lp-surface);
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--lp-font-size);
    font-weight: var(--lp-fw-extrabold);
    color: var(--lp-text-strong);
}
.lp-v2 .lp-dp-hero-body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
    min-width: 0;
    padding-top: 4px;
}
.lp-v2 .lp-dp-name {
    font-family: var(--lp-font-heading);
    font-size: var(--lp-font-size-xl);
    font-weight: var(--lp-fw-bold);
    color: var(--lp-text-strong);
    line-height: 1.2;
    overflow-wrap: anywhere;
}
.lp-v2 .lp-dp-role {
    font-size: var(--lp-font-size);
    color: var(--lp-text-muted);
    line-height: 1.25;
}

/* Edit employee in the sidebar (UI spec §14.1 / prototype "Edit employee"):
   header card with avatar, "Edit Employee", name + personnel ID and an
   "Edit mode" pill, then a green note; the edit form scrolls below. */
.lp-v2 .lp-dp-edit {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 16px 0;
}
.lp-v2 .lp-dp-edit__card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--lp-border);
    border-radius: 18px;
    background: var(--lp-surface);
}
.lp-v2 .lp-dp-edit__avatar {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #DDE7F0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--lp-font-size-xl);
    font-weight: var(--lp-fw-extrabold);
    color: var(--lp-text-strong);
}
.lp-v2 .lp-dp-edit__text { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
.lp-v2 .lp-dp-edit__text strong { font-size: var(--lp-font-size-2xl); font-weight: var(--lp-fw-bold); color: var(--lp-text-strong); }
.lp-v2 .lp-dp-edit__text span { font-size: var(--lp-font-size); color: var(--lp-text-muted); overflow-wrap: anywhere; }
.lp-v2 .lp-dp-edit__text em { font-style: normal; margin-top: 4px; }
.lp-v2 .lp-dp-edit__error {
    padding: 10px 14px;
    background: #FCE7E5;
    border: 1px solid #F1B4AF;
    border-radius: var(--lp-radius-xl);
    color: #A22A23;
    font-size: var(--lp-font-size);
    font-weight: var(--lp-fw-semibold);
}
/* Narrow host (Details sidebar): tighter page padding for the embedded form. */
@media (max-width: 560px) {
    html > .lp-v2.lp-form-embed .lp-popup__shell { padding: 12px 16px; }
}

/* Quick action row — Edit / Send email / Send SMS */
.lp-v2 .lp-dp-quick {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}
.lp-v2 .lp-dp-quick > .lp-btn { flex: 1 1 auto; min-width: 0; justify-content: center; }

/* Section — "Employee data". Prototype .profile-data-card: bordered card
   (14px corners) with a grey title band (14px · 800) and rows split by a
   solid line (.profile-data-row: 132px label column, 9px 12px padding). */
.lp-v2 .lp-dp-section {
    margin-bottom: 12px;
    border: 1px solid var(--lp-border);
    border-radius: 14px;
    background: var(--lp-surface);
    overflow: hidden;
}
.lp-v2 .lp-dp-section-title {
    font-family: var(--lp-font-heading);
    font-size: var(--lp-font-size-lg);
    font-weight: var(--lp-fw-extrabold);
    color: var(--lp-text-strong);
    margin: 0;
    padding: 11px 12px;
    background: var(--lp-surface-alt);
    border-bottom: 1px solid var(--lp-border);
    text-transform: none;
    letter-spacing: normal;
}
.lp-v2 .lp-dp-field {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 10px;
    padding: 9px 12px;
    font-size: var(--lp-font-size);
    line-height: 1.35;
    border-bottom: 1px solid var(--lp-border);
}
.lp-v2 .lp-dp-field:last-child { border-bottom: 0; }
.lp-v2 .lp-dp-field-label { color: var(--lp-text-muted); font-weight: var(--lp-fw-bold); }
/* Status pill under the name — prototype .profile-pill. */
.lp-v2 .lp-dp-hero .lp-badge {
    border: 0;
    border-radius: 999px;
    font-weight: var(--lp-fw-extrabold);
    white-space: nowrap;
}
.lp-v2 .lp-dp-hero .lp-badge--success { background: var(--lp-accent-soft); color: var(--lp-accent-text); }
.lp-v2 .lp-dp-field-value {
    color: var(--lp-text-strong);
    word-break: break-word;
}
.lp-v2 .lp-dp-empty {
    color: var(--lp-text-muted);
    font-style: italic;
}

/* Footer stack — Edit profile, Open full profile (accent primary), Danger */
.lp-v2 .lp-dp-footer-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.lp-v2 .lp-dp-footer-stack > .lp-btn { width: 100%; justify-content: center; }
.lp-v2 .lp-dp-footer-stack > .lp-btn--accent {
    padding: 10px 14px;
    font-size: var(--lp-font-size-lg);
    font-weight: var(--lp-fw-bold);
}
.lp-v2 .lp-dp-danger {
    color: var(--lp-danger);
    border-color: rgba(217, 69, 60, 0.35);
    background: transparent;
}
.lp-v2 .lp-dp-danger:hover {
    background: rgba(217, 69, 60, 0.10);
    color: var(--lp-danger);
    border-color: var(--lp-danger);
}

/* Panel-action buttons matched to the prototype (§14.5): uniform 40px-tall,
   10px-radius, bold — shared by the Details Panel footer and the inline
   row-detail Actions card. */
.lp-v2 .lp-dp-footer-stack .lp-btn,
.lp-v2 .lp-inline-details__actions .lp-btn {
    height: 40px;
    border-radius: var(--lp-radius-lg);
    font-weight: var(--lp-fw-bold);
    box-sizing: border-box;
}
/* Inline Actions card layout — a row of outline buttons, then a full-width
   green Open full profile, then the danger disclosure. */
.lp-v2 .lp-inline-details__actions {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
    padding: 12px;
    /* Keep the buttons at the prototype's size — without this the full-width
       Open full profile stretches across the whole (very wide) card. */
    box-sizing: border-box;
    max-width: 440px;
}
/* Details panel quick-action row under the header card (Edit · Send email · Send SMS) */
.lp-v2 .lp-dp-quickrow { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
/* Prototype .profile-actions-row .btn: natural width, 40px tall, 0 14px padding (anchors too). */
.lp-v2 .lp-dp-quickrow > .lp-btn { flex: 0 0 auto; justify-content: center; text-align: center; padding: 0 14px; color: var(--lp-text-secondary); }
.lp-v2 .lp-inline-actions-row { display: flex; gap: 8px; }
.lp-v2 .lp-inline-actions-row > .lp-btn { flex: 1 1 0; justify-content: center; }
/* Cap each row/button directly (not only via the container) so Open full
   profile stays a normal-width button even on a very wide card. */
.lp-v2 .lp-inline-details__actions > .lp-inline-actions-row,
.lp-v2 .lp-inline-details__actions > .lp-btn--accent,
.lp-v2 .lp-inline-details__actions > .lp-dp-danger-wrap {
    width: 100%;
    /* 200px matches the value that the (now-removed) inline copy in
       PersonnelDetailsReport.cshtml applied — kept so the refactor is
       visually identical. */
    max-width: 200px;
}
/* Outline buttons (Edit profile / Send email / Send SMS; footer Edit profile)
   — white with a light slate border and slate text. */
.lp-v2 .lp-dp-footer-stack > .lp-btn:not(.lp-btn--accent),
.lp-v2 .lp-inline-actions-row > .lp-btn {
    color: var(--lp-text-secondary);
    border-color: var(--lp-border);
    background: var(--lp-surface);
}
.lp-v2 .lp-dp-footer-stack > .lp-btn:not(.lp-btn--accent):hover,
.lp-v2 .lp-inline-actions-row > .lp-btn:hover {
    background: var(--lp-surface-alt);
    border-color: var(--lp-border-strong);
    color: var(--lp-text-secondary);
}
/* Open full profile — solid green, full width, white text. Colour set here
   (specificity 0,3,0) so it beats the base `.lp-v2 a` link colour and the
   tenant's overridden --lp-accent-fg that would otherwise recolour this <a>. */
.lp-v2 .lp-dp-footer-stack > .lp-btn--accent,
.lp-v2 .lp-dp-footer-stack > .lp-btn--accent:hover,
.lp-v2 .lp-inline-details__actions > .lp-btn--accent,
.lp-v2 .lp-inline-details__actions > .lp-btn--accent:hover {
    width: 100%;
    padding: 0 14px;
    font-size: var(--lp-font-size);
    color: var(--lp-text-inverse);
    justify-content: center;
}
/* Overlay / panel footer buttons (UI spec 17.2.1 — Close, Cancel, Done, Save …): the same geometry as every
   popup / overlay button (the "ALL popup / overlay pages" rule in lp-workspaces.css) — 40px, radius 10,
   Arial 13.33px bold. Must stay after the footer-stack rules above. */
.lp-v2 :is(.lp-fp-footer, .lp-dp-footer-stack, .lp-overlay__footer) .lp-btn {
    justify-content: center;
    height: 40px;
    padding: 0 14px;
    border-radius: 10px;
    font: 700 var(--lp-font-size-btn)/normal var(--lp-font-family-btn);
}

/* Danger-actions disclosure (prototype §14.5): a muted text toggle that
   reveals the destructive Anonymize (red outline) + Delete (solid red)
   buttons side by side, so they are one deliberate step away. */
.lp-v2 .lp-dp-danger-wrap { width: 100%; }
.lp-v2 .lp-dp-danger-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 0;
    margin-top: 2px;
    background: transparent;
    border: 0;
    color: var(--lp-text-muted);
    font: 800 12px/1 var(--lp-font-body);
    cursor: pointer;
}
.lp-v2 .lp-dp-danger-toggle:hover { color: var(--lp-danger); }
.lp-v2 .lp-dp-danger-toggle .fa-caret-down {
    font-size: var(--lp-font-size-sm);
    transition: transform var(--lp-dur);
}
.lp-v2 .lp-dp-danger-toggle[aria-expanded="true"] .fa-caret-down { transform: rotate(180deg); }
.lp-v2 .lp-dp-danger-actions { display: none; gap: 10px; margin-top: 8px; }
/* Two equal columns like the prototype's .profile-danger-menu: a label that does not fit wraps inside its button
   instead of pushing the second button out of the panel. */
.lp-v2 .lp-dp-danger-actions.open { display: grid; grid-template-columns: 1fr 1fr; }
.lp-v2 .lp-dp-danger-actions > .lp-btn {
    min-width: 0;
    width: auto;
    height: auto;
    min-height: 40px;
    padding-block: 6px;
    white-space: normal;
    text-align: center;
    justify-content: center;
}
/* Anonymize — red outline (red-700 text, light red-200 border). */
.lp-v2 .lp-dp-danger-actions > .lp-dp-danger {
    background: var(--lp-surface);
    color: #b91c1c;
    border-color: #fecaca;
}
.lp-v2 .lp-dp-danger-actions > .lp-dp-danger:hover {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #b91c1c;
}
/* Delete — solid red-500. */
.lp-v2 .lp-dp-danger-actions > .lp-btn--danger {
    background: var(--lp-danger);
    border-color: var(--lp-danger);
    color: var(--lp-text-inverse);
}
.lp-v2 .lp-dp-danger-actions > .lp-btn--danger:hover {
    background: #dc2626;
    border-color: #dc2626;
    color: var(--lp-text-inverse);
}

/* ══════════════════════════════════════════════════════════════════════════
   AVATAR SHORTCUT (V2-06 §14.5)
   Clicking the employee photo in the leftmost table column opens Full
   Profile directly (bypasses the sidebar Details Panel).
   ══════════════════════════════════════════════════════════════════════════ */
.lp-v2 .lp-avatar-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0;
    vertical-align: middle;
    transition: box-shadow var(--lp-dur), transform var(--lp-dur);
}
.lp-v2 .lp-avatar-link:hover {
    box-shadow: 0 0 0 2px var(--lp-accent);
    transform: scale(1.03);
    text-decoration: none;
}
.lp-v2 .lp-avatar-link img { display: block; border-radius: 50%; }

/* ══════════════════════════════════════════════════════════════════════════
   INLINE DETAILS (V2-06 §11.11)
   Rendered inside Kendo's k-detail-row (expand-under-row) via a
   .ClientDetailTemplateId script template on the grid. Contains the same
   sections as the right-side Details Panel plus an Actions card per §11.11.1.
   Visibility is gated by body.lp-detailmode-inline via kendo-overrides.css.
   ══════════════════════════════════════════════════════════════════════════ */
.lp-v2 .lp-inline-details {
    padding: 14px 18px 16px;
    background: var(--lp-surface-alt);
    border-top: 2px solid var(--lp-accent);
    /* Pinned to the left of a horizontally scrolling grid and as wide as its visible strip
       (lp-grid-view.js publishes --lp-inline-details-w). */
    position: sticky;
    left: 0;
    box-sizing: border-box;
    width: var(--lp-inline-details-w, auto);
}
.lp-v2 .lp-inline-details__head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}
.lp-v2 .lp-inline-details__avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(85, 189, 82, 0.14);
    color: #1E7A3A;
    font-family: var(--lp-font-heading);
    font-weight: var(--lp-fw-bold);
    font-size: var(--lp-font-size-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.lp-v2 .lp-inline-details__title {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    min-width: 0;
}
.lp-v2 .lp-inline-details__title strong {
    color: var(--lp-text-strong);
    font-size: var(--lp-font-size-lg);
    font-weight: var(--lp-fw-semibold);
}
.lp-v2 .lp-inline-details__title small {
    color: var(--lp-text-muted);
    font-size: var(--lp-font-size-sm);
}
/* Two columns per row — 3 rows of 2 cards at desktop widths.
   Falls back to single column below 720px viewport. */
.lp-v2 .lp-inline-details__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
@media (max-width: 720px) {
    .lp-v2 .lp-inline-details__grid {
        grid-template-columns: 1fr;
    }
}
/* Sticky detail card — when the Kendo grid scrolls horizontally (many
   columns, or user zoomed in), the inline detail row would otherwise scroll
   off to the right along with the grid. Anchor the card to the LEFT edge of
   the scroll container so it stays visible. Cap width to the visible content
   area so the card doesn't stretch past the viewport. */
/* Density (row padding / font size) is applied by the Personnel grid rules
   further down, which read --lp-row-py / --lp-row-fs. */
.lp-v2 .k-grid tr.k-detail-row .lp-inline-details {
    position: sticky;
    left: 0;
    width: calc(100vw - var(--lp-navrail-w, 248px) - var(--lp-sidebar-collapsed-w, 64px) - 48px);
    max-width: 100%;
    box-sizing: border-box;
}
/* Inline detail cards matched to the prototype's profile-data-card (§14.5):
   white, light slate border, 14px radius, padding on the header/rows (not the
   card) so the dividers run edge-to-edge. */
.lp-v2 .lp-inline-details__card {
    background: var(--lp-surface);
    border: 1px solid var(--lp-border);
    border-radius: 14px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;   /* the grey title band follows the card's rounded corners */
}
/* Section title — the same grey band as the side panel's .lp-dp-section-title. */
.lp-v2 .lp-inline-details__card h4 {
    font-family: var(--lp-font-heading);
    font-size: var(--lp-font-size-lg);
    font-weight: var(--lp-fw-extrabold);
    color: var(--lp-text-strong);
    background: var(--lp-surface-alt);
    text-transform: none;
    letter-spacing: normal;
    margin: 0;
    padding: 11px 12px;
    border-bottom: 1px solid var(--lp-border);
}
/* Field row — 132px label column, edge-to-edge divider, no divider on last. */
.lp-v2 .lp-inline-details__field {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 0 10px;
    padding: 9px 12px;
    font-size: var(--lp-font-size);
    line-height: 1.35;
    border-bottom: 1px solid var(--lp-border);
}
.lp-v2 .lp-inline-details__card > .lp-inline-details__field:last-child { border-bottom: 0; }
.lp-v2 .lp-inline-details__field > span:first-child { color: var(--lp-text-muted); font-weight: var(--lp-fw-bold); }
.lp-v2 .lp-inline-details__field > span:last-child {
    color: var(--lp-text);
    font-weight: var(--lp-fw-regular);
    word-break: break-word;
}
/* .lp-inline-details__actions layout is defined with the shared panel-action
   button styles above (prototype §14.5). */

/* Line-list variant (grid class lp-grid-lines; prototype Employment History): no cards, one two-column
   list of label / value lines, then the record actions. */
.lp-v2 .lp-grid-lines .lp-inline-details { background: var(--lp-surface-alt); }
.lp-v2 .lp-inline-lines__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 26px;
    max-width: 980px;
    margin: 0 auto;
}
.lp-v2 .lp-inline-lines__line {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 12px;
    font-size: var(--lp-font-size);
    line-height: 1.45;
}
.lp-v2 .lp-inline-lines__line > strong { color: var(--lp-text-strong); font-weight: var(--lp-fw-extrabold); }
.lp-v2 .lp-inline-lines__line > span { color: var(--lp-text); overflow-wrap: anywhere; }
.lp-v2 .lp-inline-lines__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    max-width: 980px;
    margin: 18px auto 0;
}
/* Prototype "Edit profile": a bold accent-green text link, not a bordered button. */
.lp-v2 .lp-inline-lines__actions .lp-btn:not(.lp-dp-danger) {
    min-height: 0;
    height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--lp-accent);
    font-weight: var(--lp-fw-extrabold);
}
.lp-v2 .lp-inline-lines__actions .lp-btn:not(.lp-dp-danger):hover { background: transparent; text-decoration: underline; }
@media (max-width: 900px) {
    .lp-v2 .lp-inline-lines__grid { grid-template-columns: 1fr; }
    .lp-v2 .lp-inline-lines__line { grid-template-columns: 1fr; gap: 2px; }
}

/* ══════════════════════════════════════════════════════════════════════════
   DASHBOARD (.lp-dashboard — /Test/Dashboard mockup)
   Overall grid: KPI row across the top, then a 3-column layout
   (left summaries | center planning/timeline | right AI + notifications).
   ══════════════════════════════════════════════════════════════════════════ */
.lp-dashboard {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.lp-dashboard__kpis {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}
.lp-dashboard__grid {
    display: grid;
    grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) minmax(300px, 340px);
    gap: 14px;
    align-items: start;
}
.lp-dashboard__col {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ── KPI card ──────────────────────────────────────────────────────────── */
.lp-kpi {
    background: var(--lp-surface);
    border: 1px solid var(--lp-border);
    border-radius: var(--lp-radius-lg);
    padding: 14px 14px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    box-shadow: var(--lp-shadow-1);
}
.lp-kpi__head {
    display: flex;
    align-items: center;
    gap: 10px;
}
.lp-kpi__icon {
    width: 36px; height: 36px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 118, 191, 0.10);
    color: var(--lp-info);
    font-size: var(--lp-font-size-xl);
    flex-shrink: 0;
}
.lp-kpi__icon--accent  { background: rgba(85, 189, 82, 0.14); color: var(--lp-accent); }
.lp-kpi__icon--warning { background: rgba(227, 156, 14, 0.15); color: var(--lp-warning); }
.lp-kpi__icon--danger  { background: rgba(217, 69, 60, 0.12); color: var(--lp-danger); }
.lp-kpi__icon--purple  { background: rgba(120, 85, 200, 0.14); color: #7855C8; }
.lp-kpi__label {
    font-size: var(--lp-font-size-sm);
    color: var(--lp-text-muted);
    font-weight: var(--lp-fw-medium);
    letter-spacing: 0.02em;
    line-height: 1.2;
}
.lp-kpi__value {
    font-family: var(--lp-font-heading);
    font-size: 26px;
    font-weight: var(--lp-fw-bold);
    color: var(--lp-text-strong);
    line-height: 1.1;
    margin: 2px 0;
}
.lp-kpi__trend {
    font-size: var(--lp-font-size-sm);
    color: var(--lp-text-muted);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.lp-kpi__trend--up   { color: var(--lp-success); }
.lp-kpi__trend--down { color: var(--lp-danger); }
.lp-kpi__spark {
    display: block;
    width: 100%;
    height: 34px;
    margin-top: 2px;
}

/* ── Dashboard card (used for every panel below the KPI row) ──────────── */
.lp-dash-card {
    background: var(--lp-surface);
    border: 1px solid var(--lp-border);
    border-radius: var(--lp-radius-lg);
    padding: 14px 16px 14px;
    box-shadow: var(--lp-shadow-1);
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}
.lp-dash-card__head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
}
.lp-dash-card__title {
    font-family: var(--lp-font-heading);
    font-size: var(--lp-font-size-md);
    font-weight: var(--lp-fw-semibold);
    color: var(--lp-text-strong);
    margin: 0;
}
.lp-dash-card__viewall {
    font-size: var(--lp-font-size-sm);
    color: var(--lp-info);
    text-decoration: none;
    font-weight: var(--lp-fw-medium);
}
.lp-dash-card__viewall:hover { text-decoration: underline; }

/* ── Donut chart (Workforce Overview) ─────────────────────────────────── */
.lp-donut-wrap {
    display: grid;
    grid-template-columns: 130px 1fr;
    gap: 14px;
    align-items: center;
}
.lp-donut { width: 130px; height: 130px; display: block; }
.lp-donut__center {
    text-anchor: middle;
    dominant-baseline: middle;
    fill: var(--lp-text-strong);
}
.lp-donut__center--value  { font-size: var(--lp-font-size-5xl); font-weight: var(--lp-fw-bold); font-family: var(--lp-font-heading); }
.lp-donut__center--label  { font-size: var(--lp-font-size-xs); fill: var(--lp-text-muted); }
.lp-donut-legend {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12.5px;
}
.lp-donut-legend__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
.lp-donut-legend__label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--lp-text);
}
.lp-donut-legend__dot {
    width: 8px; height: 8px; border-radius: 50%; display: inline-block;
}
.lp-donut-legend__value {
    color: var(--lp-text-strong);
    font-weight: var(--lp-fw-semibold);
}

/* ── Simple list rows (Arrivals/Departures, Missing Certifications,
      Notifications, Recent Activity) ──────────────────────────────────── */
.lp-dash-list {
    display: flex;
    flex-direction: column;
}
.lp-dash-list__row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-top: 1px solid var(--lp-border);
    font-size: var(--lp-font-size);
}
.lp-dash-list__row:first-child { border-top: 0; }
.lp-dash-list__icon {
    width: 32px; height: 32px;
    flex-shrink: 0;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--lp-surface-hover);
    color: var(--lp-text-muted);
    font-size: var(--lp-font-size);
}
.lp-dash-list__icon--warning { background: rgba(227, 156, 14, 0.15); color: var(--lp-warning); }
.lp-dash-list__body { flex: 1; min-width: 0; }
.lp-dash-list__title {
    font-weight: var(--lp-fw-semibold);
    color: var(--lp-text-strong);
    line-height: 1.25;
}
.lp-dash-list__sub {
    color: var(--lp-text-muted);
    font-size: var(--lp-font-size-sm);
    line-height: 1.3;
}
.lp-dash-list__meta {
    color: var(--lp-text-muted);
    font-size: 11.5px;
    white-space: nowrap;
}
.lp-dash-list__count {
    background: rgba(227, 156, 14, 0.15);
    color: var(--lp-warning);
    font-weight: var(--lp-fw-bold);
    padding: 1px 8px;
    border-radius: 999px;
    font-size: var(--lp-font-size-sm);
}

/* ── Planning Board — workers × days grid ─────────────────────────────── */
.lp-plan-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--lp-text-muted);
    font-size: var(--lp-font-size);
}
.lp-plan-toolbar__nav {
    background: transparent;
    border: 1px solid var(--lp-border);
    width: 26px; height: 26px;
    border-radius: 6px;
    color: var(--lp-text-muted);
    cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
}
.lp-plan-toolbar__today {
    background: transparent;
    border: 1px solid var(--lp-border);
    padding: 4px 10px;
    border-radius: 6px;
    font-size: var(--lp-font-size-sm);
    font-weight: var(--lp-fw-medium);
    color: var(--lp-text-strong);
    cursor: pointer;
}
.lp-plan-toolbar__range {
    color: var(--lp-text-strong);
    font-weight: var(--lp-fw-medium);
    cursor: pointer;
    padding: 2px 6px;
}
.lp-plan-toolbar__spacer { flex: 1; }
.lp-plan-toolbar__view {
    background: transparent;
    border: 1px solid var(--lp-border);
    padding: 4px 10px;
    border-radius: 6px;
    font-size: var(--lp-font-size-sm);
    color: var(--lp-text-strong);
    cursor: pointer;
}

.lp-plan-board {
    display: grid;
    grid-template-columns: 160px repeat(7, minmax(0, 1fr));
    row-gap: 4px;
    font-size: var(--lp-font-size-sm);
    overflow-x: auto;
}
.lp-plan-board__cell,
.lp-plan-board__head {
    padding: 8px 6px;
    min-height: 44px;
    display: flex;
    align-items: center;
}
.lp-plan-board__head {
    color: var(--lp-text-muted);
    font-weight: var(--lp-fw-semibold);
    justify-content: center;
    flex-direction: column;
    font-size: var(--lp-font-size-xs);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--lp-border);
    min-height: 40px;
}
.lp-plan-board__head--worker {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 12px;
    text-transform: none;
    letter-spacing: 0;
    color: var(--lp-text-muted);
}
.lp-plan-board__day-num {
    color: var(--lp-text-strong);
    font-size: var(--lp-font-size);
    font-weight: var(--lp-fw-semibold);
    text-transform: none;
}
.lp-plan-board__worker {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding-right: 8px;
}
.lp-plan-board__avatar {
    width: 30px; height: 30px;
    border-radius: 50%;
    background: var(--lp-surface-hover);
    color: var(--lp-text-muted);
    font-size: var(--lp-font-size-xs);
    font-weight: var(--lp-fw-semibold);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.lp-plan-board__worker-name {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.2;
}
.lp-plan-board__worker-name > strong {
    color: var(--lp-text-strong);
    font-size: 12.5px;
    font-weight: var(--lp-fw-semibold);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lp-plan-board__worker-role {
    color: var(--lp-text-muted);
    font-size: var(--lp-font-size-xs);
}
.lp-plan-board__cell {
    border-top: 1px solid var(--lp-border);
    padding: 6px 3px;
    position: relative;
    min-height: 50px;
}
.lp-plan-board__bar {
    color: var(--lp-text-strong);
    background: rgba(15, 118, 191, 0.15);
    border-left: 3px solid var(--lp-info);
    padding: 4px 8px;
    border-radius: 4px;
    font-size: var(--lp-font-size-xs);
    line-height: 1.2;
    grid-row: auto;
    display: flex;
    flex-direction: column;
    gap: 1px;
    height: calc(100% - 6px);
    align-self: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.lp-plan-board__bar > small {
    color: var(--lp-text-muted);
    font-size: var(--lp-font-size-2xs);
    font-weight: var(--lp-fw-medium);
}
.lp-plan-board__bar--green   { background: rgba(85, 189, 82, 0.16);  border-left-color: var(--lp-accent); }
.lp-plan-board__bar--purple  { background: rgba(120, 85, 200, 0.16); border-left-color: #7855C8; }
.lp-plan-board__bar--orange  { background: rgba(227, 156, 14, 0.16); border-left-color: var(--lp-warning); }
.lp-plan-board__bar--yellow  { background: rgba(240, 200, 60, 0.20); border-left-color: #C9A31A; }
.lp-plan-board__bar--travel  {
    background: repeating-linear-gradient(45deg, transparent 0 6px, rgba(15,118,191,0.06) 6px 12px);
    border: 1px dashed var(--lp-border-strong);
    color: var(--lp-text-muted);
    font-weight: var(--lp-fw-medium);
}
.lp-plan-viewfull {
    text-align: center;
    padding-top: 10px;
    border-top: 1px solid var(--lp-border);
    margin-top: 4px;
}
.lp-plan-viewfull a { color: var(--lp-info); font-size: 12.5px; font-weight: var(--lp-fw-medium); }

/* ── Projects Timeline (mini gantt) ───────────────────────────────────── */
.lp-timeline {
    display: grid;
    grid-template-columns: 140px 1fr;
    row-gap: 8px;
    align-items: center;
}
.lp-timeline__project {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: var(--lp-text-strong);
}
.lp-timeline__dot { width: 8px; height: 8px; border-radius: 50%; }
.lp-timeline__track {
    position: relative;
    height: 10px;
    background: var(--lp-surface-hover);
    border-radius: 6px;
}
.lp-timeline__bar {
    position: absolute;
    top: 0;
    height: 10px;
    border-radius: 6px;
}
.lp-timeline__weeks {
    grid-column: 2 / -1;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    font-size: 10.5px;
    color: var(--lp-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--lp-border);
    margin-bottom: 4px;
}
.lp-timeline__weeks span { text-align: center; }
.lp-timeline__months {
    grid-column: 2 / -1;
    display: flex;
    justify-content: space-between;
    font-size: var(--lp-font-size-xs);
    color: var(--lp-text-muted);
    padding-bottom: 2px;
}

/* ── AI Assistant card ────────────────────────────────────────────────── */
.lp-ai-card {
    background: linear-gradient(180deg, #F7F9FC 0%, var(--lp-surface) 100%);
    border: 1px solid var(--lp-border);
    border-radius: var(--lp-radius-lg);
    padding: 14px 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: var(--lp-shadow-1);
}
.lp-ai-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.lp-ai-card__title {
    font-family: var(--lp-font-heading);
    font-size: var(--lp-font-size-md);
    font-weight: var(--lp-fw-semibold);
    color: var(--lp-text-strong);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}
.lp-ai-card__beta {
    background: rgba(120, 85, 200, 0.14);
    color: #7855C8;
    font-size: var(--lp-font-size-2xs);
    font-weight: var(--lp-fw-bold);
    padding: 2px 7px;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.lp-ai-card__greeting {
    color: var(--lp-text-muted);
    font-size: var(--lp-font-size-sm);
    line-height: 1.4;
}
.lp-ai-card__greeting > strong { color: var(--lp-text-strong); font-weight: var(--lp-fw-semibold); }
.lp-ai-suggestions {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.lp-ai-suggestion {
    background: var(--lp-surface);
    border: 1px solid var(--lp-border);
    border-radius: var(--lp-radius);
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 12.5px;
    color: var(--lp-text-strong);
    text-align: left;
    transition: background var(--lp-dur), border-color var(--lp-dur);
}
.lp-ai-suggestion:hover {
    background: var(--lp-surface-hover);
    border-color: var(--lp-border-strong);
}
.lp-ai-suggestion__icon {
    width: 26px; height: 26px;
    border-radius: 6px;
    background: rgba(15, 118, 191, 0.12);
    color: var(--lp-info);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--lp-font-size-xs);
    flex-shrink: 0;
}
.lp-ai-input {
    display: flex;
    gap: 6px;
    margin-top: 4px;
}
.lp-ai-input input {
    flex: 1;
    height: 34px;
    padding: 0 10px;
    border: 1px solid var(--lp-border-strong);
    border-radius: var(--lp-radius);
    font: inherit;
    color: var(--lp-text-strong);
    background: var(--lp-surface);
}
.lp-ai-input button {
    background: var(--lp-accent);
    color: var(--lp-accent-fg);
    border: 0;
    width: 34px; height: 34px;
    border-radius: var(--lp-radius);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* LeanPoint module-specific styling. Rules retain their original text and relative order. */
/* Home Dashboard */
.lp-dashboard-workspace {
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px
}

    .lp-dashboard-workspace.hidden {
        display: none
    }

.lp-dashboard-header {
    flex: 0 0 auto
}

.lp-dashboard-options-menu {
    right: 0;
    left: auto;
    min-width: 220px
}

.lp-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    grid-auto-flow: row dense;
    gap: 14px;
    min-height: 0;
    overflow: auto;
    padding: 2px 4px 18px 2px
}

.lp-dashboard-size-small {
    grid-column: span 3;
    min-height: 150px
}

.lp-dashboard-size-medium {
    grid-column: span 4;
    min-height: 282px
}

.lp-dashboard-size-large {
    grid-column: span 6;
    min-height: 282px
}

.lp-dashboard-widget {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--lp-surface);
    overflow: hidden
}

    .lp-dashboard-widget > header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 16px;
        cursor: grab
    }

    .lp-dashboard-widget:active > header {
        cursor: grabbing
    }

    .lp-dashboard-widget.is-dragging {
        display: none
    }

.lp-dashboard-grid.is-reordering .lp-dashboard-widget {
    transition: border-color .14s ease,box-shadow .14s ease,opacity .14s ease
}

.lp-dashboard-drop-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed var(--lp-accent);
    border-radius: 14px;
    background: repeating-linear-gradient(135deg,#f3fbf3 0,#f3fbf3 10px,#eaf7ea 10px,#eaf7ea 20px);
    color: var(--lp-accent-text);
    box-shadow: inset 0 0 0 1px rgba(85,189,82,.08);
    pointer-events: none
}

    .lp-dashboard-drop-placeholder span {
        padding: 8px 12px;
        border-radius: 999px;
        background: var(--lp-surface);
        border: 1px solid rgba(85,189,82,.45);
        font-size: var(--lp-font-size-sm);
        font-weight: var(--lp-fw-black)
    }

.lp-dashboard-drag-ghost {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1250;
    pointer-events: none;
    margin: 0;
    opacity: .9;
    box-shadow: 0 18px 38px rgba(15,23,42,.2);
    transform-origin: center;
    will-change: transform
}

body.lp-dashboard-touch-reordering {
    user-select: none;
    -webkit-user-select: none
}

.lp-dashboard-widget > header h2 {
    margin: 0;
    color: var(--lp-brand);
    font-size: var(--lp-font-size-xl);
    line-height: 1.25
}

.lp-dashboard-widget > header p {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: var(--lp-font-size-sm);
    line-height: 1.4
}

.lp-dashboard-widget > header button {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    font-size: var(--lp-font-size-3xl);
    cursor: pointer
}

    .lp-dashboard-widget > header button:hover {
        background: var(--lp-surface-alt);
        color: var(--text)
    }

.lp-dashboard-metric {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1;
    gap: 7px
}

    .lp-dashboard-metric strong {
        font-size: 31px;
        line-height: 1;
        color: var(--lp-brand)
    }

    .lp-dashboard-metric span {
        font-size: var(--lp-font-size-sm);
        font-weight: var(--lp-fw-bold);
        color: var(--muted)
    }

.lp-dashboard-tone-green {
    border-top: 3px solid var(--lp-accent)
}

.lp-dashboard-tone-red {
    border-top: 3px solid var(--lp-danger)
}

.lp-dashboard-tone-amber {
    border-top: 3px solid #f59e0b
}

.lp-dashboard-tone-blue {
    border-top: 3px solid #3b82f6
}

.lp-dashboard-tone-purple {
    border-top: 3px solid #8b5cf6
}

.lp-dashboard-bars, .lp-dashboard-document-chart {
    display: grid;
    gap: 13px;
    margin-top: auto
}

    .lp-dashboard-bars > div, .lp-dashboard-document-chart > div {
        display: grid;
        grid-template-columns: minmax(110px,1.2fr) minmax(100px,3fr) 34px;
        align-items: center;
        gap: 10px;
        font-size: var(--lp-font-size-sm);
        color: var(--lp-text-label)
    }

    .lp-dashboard-bars i, .lp-dashboard-document-chart i {
        display: block;
        height: 8px;
        border-radius: 999px;
        background: #eef2f6;
        overflow: hidden
    }

    .lp-dashboard-bars b, .lp-dashboard-document-chart b {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: var(--lp-accent)
    }

    .lp-dashboard-bars strong, .lp-dashboard-document-chart strong {
        text-align: right;
        color: var(--lp-brand)
    }

    .lp-dashboard-document-chart b.expired {
        background: var(--lp-danger)
    }

    .lp-dashboard-document-chart b.warning {
        background: #f59e0b
    }

    .lp-dashboard-document-chart b.soon {
        background: #3b82f6
    }

    .lp-dashboard-document-chart b.valid {
        background: var(--lp-accent)
    }

.lp-dashboard-donut-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    flex: 1
}

.lp-dashboard-donut {
    width: 132px;
    height: 132px;
    border-radius: 50%;
    background: conic-gradient(#55BD52 0 94%,#ef4444 94% 96%,#e5e7eb 96%);
    display: grid;
    place-items: center;
    position: relative
}

    .lp-dashboard-donut::after {
        content: "";
        position: absolute;
        inset: 18px;
        border-radius: 50%;
        background: var(--lp-surface)
    }

    .lp-dashboard-donut span {
        position: relative;
        z-index: 1;
        display: grid;
        text-align: center;
        font-size: 25px;
        font-weight: var(--lp-fw-black);
        color: var(--lp-brand)
    }

    .lp-dashboard-donut small {
        font-size: var(--lp-font-size-xs);
        color: var(--muted);
        font-weight: var(--lp-fw-bold)
    }

.lp-dashboard-legend {
    display: grid;
    gap: 12px;
    min-width: 150px
}

    .lp-dashboard-legend span {
        display: grid;
        grid-template-columns: 10px 1fr auto;
        align-items: center;
        gap: 7px;
        font-size: var(--lp-font-size-sm);
        color: var(--lp-text-label)
    }

    .lp-dashboard-legend i {
        width: 9px;
        height: 9px;
        border-radius: 50%
    }

        .lp-dashboard-legend i.green {
            background: var(--lp-accent)
        }

        .lp-dashboard-legend i.red {
            background: var(--lp-danger)
        }

    .lp-dashboard-legend strong {
        color: var(--lp-brand)
    }

.lp-dashboard-status-list {
    display: grid;
    gap: 10px;
    margin-top: auto
}

    .lp-dashboard-status-list > div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px;
        border-radius: 10px;
        background: var(--lp-surface-alt);
        color: var(--lp-text-label);
        font-size: var(--lp-font-size)
    }

    .lp-dashboard-status-list strong {
        color: var(--lp-brand);
        font-size: var(--lp-font-size-xl)
    }

    .lp-dashboard-person-list > div, .lp-dashboard-event-list > div {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 9px;
        border-bottom: 1px solid #eef2f6
    }

        .lp-dashboard-person-list > div:last-child, .lp-dashboard-event-list > div:last-child {
            border-bottom: 0
        }

    .lp-dashboard-person-list span:last-child, .lp-dashboard-event-list span:last-child {
        display: grid;
        gap: 2px;
        min-width: 0
    }

    .lp-dashboard-person-list strong, .lp-dashboard-event-list strong {
        font-size: var(--lp-font-size-sm);
        color: var(--lp-brand)
    }

    .lp-dashboard-person-list small, .lp-dashboard-event-list small {
        font-size: var(--lp-font-size-xs);
        color: var(--muted)
    }

.lp-dashboard-date {
    flex: 0 0 52px;
    padding: 7px 5px;
    border-radius: 8px;
    background: var(--lp-surface-hover);
    color: var(--lp-text-label);
    text-align: center;
    font-size: var(--lp-font-size-2xs);
    font-weight: var(--lp-fw-black)
}

.lp-dashboard-placeholder {
    appearance: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px dashed #b9c5d1;
    border-radius: 14px;
    background: rgba(255,255,255,.6);
    color: var(--lp-text-label);
    cursor: pointer;
    text-align: center;
    padding: 20px
}

    .lp-dashboard-placeholder:hover, .lp-dashboard-placeholder.is-target {
        border-color: var(--lp-accent);
        background: #f3fbf3;
        color: var(--lp-accent-text)
    }

    .lp-dashboard-placeholder .lp-dashboard-add-icon {
        width: 38px;
        height: 38px;
        display: grid;
        place-items: center;
        border: 1px solid currentColor;
        border-radius: 50%;
        font-size: var(--lp-font-size-5xl);
        font-weight: var(--lp-fw-regular)
    }

    .lp-dashboard-placeholder strong {
        font-size: var(--lp-font-size-md)
    }

    .lp-dashboard-placeholder small {
        max-width: 220px;
        color: var(--muted);
        font-size: var(--lp-font-size-sm);
        line-height: 1.4
    }

.lp-dashboard-widget-panel {
    display: grid;
    gap: 14px
}

.lp-dashboard-widget-categories {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 2px
}

    .lp-dashboard-widget-categories button {
        border: 1px solid var(--border);
        border-radius: 999px;
        background: var(--lp-surface);
        color: var(--lp-text-label);
        padding: 7px 10px;
        font-size: var(--lp-font-size-xs);
        font-weight: var(--lp-fw-extrabold);
        white-space: nowrap;
        cursor: pointer
    }

        .lp-dashboard-widget-categories button.active {
            border-color: var(--lp-accent);
            background: #f3fbf3;
            color: var(--lp-accent-text)
        }

.lp-dashboard-widget-target {
    padding: 10px 12px;
    border-radius: 10px;
    background: var(--lp-surface-alt);
    color: var(--lp-text-muted);
    font-size: var(--lp-font-size-sm);
    line-height: 1.4
}

.lp-dashboard-widget-library {
    display: grid;
    gap: 9px
}

.lp-dashboard-library-item {
    width: 100%;
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 11px;
    align-items: start;
    padding: 11px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--lp-surface);
    text-align: left;
    cursor: pointer
}

    .lp-dashboard-library-item:hover {
        border-color: #b9c5d1;
        background: #fafafa
    }

    .lp-dashboard-library-item > span:last-child {
        display: grid;
        gap: 4px
    }

    .lp-dashboard-library-item strong {
        color: var(--lp-brand);
        font-size: var(--lp-font-size)
    }

    .lp-dashboard-library-item small {
        color: var(--muted);
        font-size: var(--lp-font-size-xs);
        line-height: 1.35
    }

    .lp-dashboard-library-item em {
        color: var(--lp-accent);
        font-size: var(--lp-font-size-2xs);
        font-style: normal;
        font-weight: var(--lp-fw-extrabold);
        text-transform: capitalize
    }

.lp-dashboard-library-preview {
    width: 56px;
    height: 42px;
    border-radius: 8px;
    border: 1px solid #dbe4ec;
    background: linear-gradient(135deg,#f8fafc 50%,#edf7ed 50%)
}

/* ══════════════════════════════════════════════════════════════════════════
   Personnel / Employees grid — relocated from PersonnelDetailsReport.cshtml
   inline <style> (CSS Architecture §2.4.5 / §2: no page-embedded CSS). The
   details-panel / inline-action rules were already present above, so only the
   grid + legacy helper rules that were NOT already here are added.
   NOTE: legacy helpers below were previously page-scoped inline and are now
   global — spot-check other module pages that reuse these class names.
   ══════════════════════════════════════════════════════════════════════════ */
/* Kendo grid — prototype table styling: 32px circular avatars, 14px/16px
   cell padding, uppercase slate headers. Body-cell vertical padding and font
   size come from the density tokens (--lp-row-py / --lp-row-fs). */
.lp-v2 .k-grid td img.icon {
    width: var(--lp-row-avatar);
    height: var(--lp-row-avatar);
    object-fit: cover;
    border-radius: 50%;
}
/* Avatar (photo or initials fallback) in the leftmost column. */
.lp-v2 .k-grid td .lp-grid-avatar {
    width: var(--lp-row-avatar);
    height: var(--lp-row-avatar);
    border-radius: 50%;
    object-fit: cover;
    vertical-align: middle;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
}
.lp-v2 .k-grid td span.lp-grid-avatar--initials {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #DDE7F0;
    border: 0;
    color: var(--lp-text-strong);
    font-family: var(--lp-font-body);
    font-weight: var(--lp-fw-extrabold);
    font-size: var(--lp-font-size-sm);
    line-height: 1;
    text-transform: uppercase;
}
.lp-v2 .k-grid .k-table-th,
.lp-v2 .k-grid th.k-header {
    padding: 14px 16px !important;
    color: var(--lp-text-label);
    font-size: var(--lp-font-size-sm);
    font-weight: var(--lp-fw-bold);
    letter-spacing: normal;
    text-transform: uppercase;
    background: var(--lp-surface-alt);
}
.lp-v2 .k-grid .k-table-td,
.lp-v2 .k-grid td {
    padding: var(--lp-row-py) 16px !important;
    font-size: var(--lp-row-fs);
    color: var(--lp-text);
}
/* Prototype table cells never wrap — long values scroll horizontally. */
.lp-v2 .k-grid .k-table-th,
.lp-v2 .k-grid .k-master-row > td { white-space: nowrap; }
/* The arrow column holds only the 32px toggle; line-height 0 stops its
   inline box from adding to the row height. */
.lp-v2 .k-grid td.lp-actioncol { line-height: 0; }
/* Expanded inline-detail rows keep their own 12px inset (not density-driven). */
.lp-v2 .k-grid tr.k-detail-row > td { padding: 12px !important; }
/* Rows are clickable (open details); no selection highlight. */
.lp-v2 .k-grid tbody tr.k-master-row { cursor: pointer; }

/* Personnel Filter Settings (UAT #8): the detailed criteria groups are the
   collapsible "More filters" area; legacy favourite-search / "remember as my
   default" controls are hidden (My Filters replaces them). */
.lp-v2 .lp-more-filters:not(.is-open),
.lp-v2 .lp-more-filters .lp-filter-legacy,
.lp-v2 .lp-more-filters .lp-section-actions,
/* The per-group "as my default" links get moved into each group header,
   where lp-components shows them at (0,5,0) — match that specificity. */
.lp-v2 .lp-sidebar__body .lp-more-filters .k-expander-header .lp-section-actions { display: none; }

/* Employee create / edit form hosted in the Create overlay or the Details
   sidebar (lp-form-embed on the
   hosted page's body — V2-05 §15.1 / prototype "Create employee"): light
   section cards with a grey header strip, two-column fields, sentence-case
   labels. The overlay footer's "Create employee" runs the form's own save, so
   the form's in-page save row and page-help tip are hidden. Selectors are
   specific enough to beat the page's own inline <style> (#divform …). */
.lp-v2.lp-form-embed .pagehelp,
.lp-v2.lp-form-embed .lp-edit-header,
.lp-v2.lp-form-embed .lp-note--success { display: none; }
.lp-v2.lp-form-embed .lp-popup__shell { padding: 16px 20px; background: var(--lp-surface); }
.lp-v2.lp-form-embed .lp-popup__body { background: var(--lp-surface); box-shadow: none; border: 0; padding: 0; }
/* The page's own outer card is redundant inside the overlay card. */
.lp-v2.lp-form-embed #divform {
    border: 0;
    box-shadow: none;
    padding: 0;
    background: transparent;
}
/* Bootstrap .form-horizontal .form-group has -15px side margins, which pushed
   the section strips past the page padding. */
.lp-v2.lp-form-embed #divform .form-group { margin-left: 0; margin-right: 0; }
.lp-v2.lp-form-embed #divform .form-group:empty,
.lp-v2.lp-form-embed #divform .status:empty,
/* Validation summary block — hidden only while it has no errors. */
.lp-v2.lp-form-embed #divform .form-group:has(> .validation-summary-valid:only-child) { display: none; }
.lp-v2.lp-form-embed #divform .form-group:first-of-type .panel-heading { margin-top: 0; }
/* (Section strips and field labels now use the prototype look on the create
   page itself — Views/Personnel/NewPersonnel.cshtml.) */
@media (min-width: 700px) {
    .lp-v2.lp-form-embed #divform:not(:has(.lp-form-sections)) .col-md-4,
    .lp-v2.lp-form-embed #divform:not(:has(.lp-form-sections)) .col-md-3 { width: 50%; }
}
.lp-v2.lp-form-embed #divform .col-md-4:has(> .submitFrom),
.lp-v2.lp-form-embed #divform .col-md-4:has(> [onclick^="showTrailWarning"]) { display: none; }

/* The legacy .gencolorlink bright-green fill (Job Match "View" link) was removed: links are not chips. */
@media (max-width: 600px) {
    .actions > .filterlink { display: none; }
}
.image-buttons img { display: block; clear: both; }
.image-buttons { white-space: normal !important; text-align: left; }
.Anonymiztrue { display: none; }
.filterselect { cursor: pointer; }
/* 100% width keeps the Kendo picker's flex layout intact in the drawer. */
#Search_SearchName, .DefaultSearch { width: 100%; }
.plus, .minus { font-size: var(--lp-font-size-3xl); margin-bottom: 20px; }
.collapse-body { margin-right: 10px; letter-spacing: -3px; vertical-align: middle; }
.collapse-body:before { content: "---"; }
.expand-body:before { content: "+"; }
.expand-body { margin-right: 10px; }
.collapse-body .plus { display: none; }
.collapse-body .minus { display: block; }
.expand-body .plus { display: block; }
.expand-body .minus { display: none; }
.pull-right .clickable { position: relative; top: 0px; }
.gridexcelbtn { display: none; }

/* ══════════════════════════════════════════════════════════════════════════
   Dashboard module — promoted from experiments.css (CSS Architecture §3:
   successful changes move to the permanent layer; §2.4.5: module-specific
   styling belongs in lp-modules.css). These are real Dashboard styles, not
   experiments (they carried no .lp-x- prefix or experiment notes).
   ══════════════════════════════════════════════════════════════════════════ */
/* DashBoard */
#lp-dashboard__selector .k-chart {
    pointer-events: none;
}

#lp-dashboard__selector .k-tilelayout-item-body {
    display:none;
}

#lp-dashboard__selector .k-close-button {
    display: none;
}

#lp-dashboard__selector {
    display: none;
}

.lp-dashboard .k-card-header {
    padding-right: 17px;
}
.lp-dashboard .k-tilelayout-item-body {
    display:flex;
    flex-direction:column;
}
.lp-dashboard .k-chart {
    height: auto;
    width: 100%;
    flex-grow:1;
}

.lp-dashboard .k-chart svg {
    height: 100%;
    width: 100%;
}

.lp-dashboard .k-close-button {
    float: right;
}

.lp-dashboard {
    flex-direction: row;
}

.lp-dashboard-date {
    background: lightgrey;
    padding: 0.5em;
    border-radius: 0.5em;
    height: fit-content;
    text-align:center;
    font-size:0.8em;
    font-weight: bold;
}

.lp-dashboard-event-list {
    gap:5px;
}

.lp-dashboard-list-item {
    display:flex;
    font-size:0.9em;
    gap: 5px;
    align-items: center;
}
.lp-dashboard-list-item:not(:last-child){
    padding-bottom:4px;
    border-bottom:solid lightgrey 1px;
}
.lp-dashboard-list-item span:last-child {
    display:flex;
    flex-direction:column;
}
.lp-dashboard-avatar {
    background: lightgrey;
    font-weight: bolder;
    border-radius: 2em;
    width: 2em;
    height: 2em;
    text-align: center;
    align-content: center;
}
.lp-dashboard-description {
    font-size: 0.9em;
}

.lp-dashboard-single-value {
    flex-grow: 1;
    align-content: end;
    font-size: 1.5em;
    font-weight: bold;
}
/* ══════════════════════════════════════════════════════════════════════════
   EMPLOYEE FULL PROFILE (V2-05 §13.4) — moved from the inline <style> in
   Views/Personnel/FullProfile.cshtml (CSS Architecture §2: no page-embedded
   CSS), plus the prototype's summary strip and related-record links (UAT #4).
   ══════════════════════════════════════════════════════════════════════════ */
.lp-fullprofile {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.lp-fullprofile__hero {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px;
    background: var(--lp-surface);
    border: 1px solid var(--lp-border);
    border-radius: var(--lp-radius-lg);
    box-shadow: var(--lp-shadow-1);
}
/* Prototype: rounded-SQUARE avatar, light-blue tile. */
.lp-fullprofile__avatar {
    width: 104px;
    height: 104px;
    border-radius: 18px;
    overflow: hidden;
    background: #dbeafe;
    color: #1d4ed8;
    font-family: var(--lp-font-heading);
    font-weight: var(--lp-fw-bold);
    font-size: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.lp-fullprofile__avatar img { width: 104px; height: 104px; object-fit: cover; }
/* Overlay buttons (UI spec 17.2.1): 40px, radius 10, Arial 13.33px bold; outline default, green primary. */
.lp-fp-btn {
    height: 40px; border-radius: 10px; border: 1px solid var(--lp-border);
    background: var(--lp-surface); padding: 0 14px; cursor: pointer;
    font: 700 var(--lp-font-size-btn)/normal var(--lp-font-family-btn); color: var(--lp-text-secondary);
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none;
}
/* Also used on <a>: beat the base `.lp-v2 a` link colour. */
.lp-v2 .lp-fp-btn:not(.lp-fp-btn--primary) { color: var(--lp-text-secondary); }
.lp-fp-btn:hover { background: var(--lp-surface-hover, #f1f5f9); }
.lp-fp-btn--primary {
    background: var(--lp-accent, #55BD52); color: var(--lp-text-inverse); border-color: var(--lp-accent, #55BD52);
}
.lp-fp-btn--primary:hover { background: var(--lp-accent-hover, #46a844); color: var(--lp-text-inverse); }
/* Sticky footer, right-aligned actions. */
.lp-fp-footer {
    position: sticky; bottom: 0; margin: 4px -4px -4px;
    display: flex; justify-content: flex-end; gap: 10px;
    padding: 14px 4px; border-top: 1px solid var(--lp-border); background: var(--lp-surface, #fff);
}
.lp-fullprofile__hero-body { flex: 1; min-width: 0; }
.lp-fullprofile__hero-name {
    font-family: var(--lp-font-heading);
    font-size: var(--lp-font-size-5xl);
    font-weight: var(--lp-fw-bold);
    color: var(--lp-text-strong);
    margin: 0 0 4px;
    line-height: 1.15;
}
.lp-fullprofile__hero-role {
    font-size: var(--lp-font-size-lg);
    color: var(--lp-text-muted);
    margin: 0 0 10px;
}
.lp-fullprofile__hero-badges {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.lp-fullprofile__hero-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}
.lp-fullprofile__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 14px;
}
.lp-fullprofile__card {
    background: var(--lp-surface);
    border: 1px solid var(--lp-border);
    border-radius: 14px;
    padding: 0 0 8px;
    box-shadow: var(--lp-shadow-1);
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow: hidden;
}
/* Same section header as the side panel (.lp-dp-section-title): grey title band. */
.lp-fullprofile__card h3 {
    font-family: var(--lp-font-heading);
    font-size: var(--lp-font-size-lg);
    font-weight: var(--lp-fw-extrabold);
    color: var(--lp-text-strong);
    margin: 0 0 4px;
    padding: 11px 16px;
    background: var(--lp-surface-alt);
    border-bottom: 1px solid var(--lp-border);
    text-transform: none;
    letter-spacing: normal;
}
.lp-fullprofile__card > .lp-fullprofile__field { margin: 0 16px; }
.lp-fullprofile__field {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 6px 12px;
    padding: 6px 0;
    font-size: var(--lp-font-size);
    line-height: 1.35;
}
.lp-fullprofile__field + .lp-fullprofile__field {
    border-top: 1px dashed var(--lp-border);
}
.lp-fullprofile__field-label { color: var(--lp-text-muted); }
.lp-fullprofile__field-value {
    color: var(--lp-text-strong);
    word-break: break-word;
}
.lp-fullprofile__field-value--empty {
    color: var(--lp-text-muted);
    font-style: italic;
}
.lp-fullprofile__wsactions {
    display: flex;
    gap: 4px;
    align-items: center;
}
.lp-fullprofile__wsactions button {
    width: 32px; height: 32px;
    background: transparent;
    border: 1px solid var(--lp-border);
    border-radius: var(--lp-radius);
    color: var(--lp-text-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.lp-fullprofile__wsactions button:hover {
    background: var(--lp-surface-hover);
    color: var(--lp-text-strong);
}
.lp-fullprofile__hero-meta {
    flex-shrink: 0;
    text-align: right;
    font-size: var(--lp-font-size-sm);
    color: var(--lp-text-muted);
    line-height: 1.5;
}
.lp-fullprofile__hero-meta strong { color: var(--lp-text-strong); font-size: var(--lp-font-size); }
/* Summary strip under the hero (prototype .full-profile-summary). */
.lp-fullprofile__summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}
.lp-fullprofile__summary-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 16px;
    background: var(--lp-surface);
    border: 1px solid var(--lp-border);
    border-radius: var(--lp-radius-xl);
}
.lp-fullprofile__summary-box span {
    font-size: var(--lp-font-size-sm);
    font-weight: var(--lp-fw-bold);
    color: var(--lp-text-muted);
}
.lp-fullprofile__summary-box strong { font-size: var(--lp-font-size-md); color: var(--lp-text-strong); }
/* Related-record link (opens the record list in the standard dialog). */
.lp-v2 .lp-fullprofile__link {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: var(--lp-fw-bold);
    color: var(--lp-accent-text, var(--lp-accent));
    text-decoration: none;
    cursor: pointer;
    text-align: left;
}
/* Standard link colour (V2-13 §12.6): LeanPoint green, bold as in the prototype; underline on hover. */
.lp-v2 .lp-fullprofile__link:hover { color: var(--lp-accent-text, var(--lp-accent)); text-decoration: underline; }
/* ══════════════════════════════════════════════════════════════════════════
   RESPONSIVE COLUMN FOLDING — any Kendo grid (new table script)
   lp-grid-fold-shim.js / lp-grid.js tag each column's header + cells from its
   data-hide attribute; the larger breakpoint hides at that width and below.
   Folded columns are still shown in the row detail (lp-grid-view.js).
   ══════════════════════════════════════════════════════════════════════════ */
.lp-v2 .k-grid .lp-h-all { display: none; }
@media (max-width: 1199px) { .lp-v2 .k-grid .lp-h-md     { display: none; } }
@media (max-width: 991px)  { .lp-v2 .k-grid .lp-h-tablet { display: none; } }
@media (max-width: 767px)  { .lp-v2 .k-grid .lp-h-phone  { display: none; } }
/* Row actions (Edit / Delete …) belong in the row detail — Details panel
   footer or the expanded row's Actions card (UI spec V2-05 §11.5; prototype
   tables show only the row toggle). lp-grid-view.js (rowActions) offers them
   there, so hide them in the table row. Rows in inline-edit mode keep their
   Update / Cancel buttons. */
/* .lp-grid-rowactions is repeated on purpose: the legacy popup button rule in lp-workspaces.css
   (display:inline-flex !important, specificity 0,8,0) must not win over this one. */
.lp-v2 .k-grid.lp-grid-rowactions.lp-grid-rowactions tr:not(.k-grid-edit-row) > td :is(a.icon-button, button.icon-button, .k-grid-edit, .k-grid-delete,
    .k-grid-edit-command, .k-grid-remove-command, .image-buttons a, a.bttn-collapse-delete):not(.update):not(.cancel),
.lp-v2 .k-grid.lp-grid-rowactions tr:not(.k-grid-edit-row) > td.lp-cell-actions a {
    display: none !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   MAIN TABLE SCROLLS, NOT THE PAGE (lp-grid-fit.js; prototype .card .tablewrap)
   The main grid's scroll box gets a max-height that fills the window; its
   column headers stick to the top and the pager to the bottom while rows
   scroll underneath.
   ══════════════════════════════════════════════════════════════════════════ */
.lp-v2 .lp-grid-fit {
    overflow: auto;
    max-height: var(--lp-grid-fit-h, none);   /* published by lp-grid-fit.js */
    overscroll-behavior: contain;
}
/* One scroll box for both axes: the wrapper scrolls the rows and the columns,
   so its horizontal scrollbar sits at the bottom of the visible grid instead of
   after the last row (the inner .k-grid used to be a second, taller scroller). */
.lp-v2 .lp-grid-fit.lp-grid-scroll > .k-grid,
.lp-v2 .lp-grid-fit .k-grid {
    overflow: visible;   /* the wrapper is the one scroller; a scrolling .k-grid made a second, taller one whose horizontal bar sat below the visible area */
}
/* The grid is as wide as its table, so the sticky pager stays in view while the wrapper scrolls sideways. */
.lp-v2 .lp-grid-fit.lp-grid-scroll > .k-grid {
    width: max-content;
    min-width: 100%;
}
/* Kendo's .k-grid is overflow:hidden, which makes it (not the scroll box) the
   scroll container for position:sticky, so header and pager would never pin. */
.lp-v2 .lp-grid-fit .k-grid-table > thead > tr > th,
.lp-v2 .lp-grid-fit .k-grid-header th,
.lp-v2 .lp-grid-fit table > thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    background: var(--lp-surface-alt);
}
.lp-v2 .lp-grid-fit .k-pager,
.lp-v2 .lp-grid-fit .k-grid-pager {
    position: sticky;
    bottom: 0;
    left: 0;
    width: var(--lp-grid-fit-w, auto);   /* spans the visible width while the table scrolls sideways */
    z-index: 3;
    background: var(--lp-surface);
    border-top: 1px solid var(--lp-border);
}

/* ══════════════════════════════════════════════════════════════════════════
   CALENDAR — Filters + Options panels (UI spec V2-10 §18.6 / §18.7;
   prototype #calFiltersPanel / #calOptionsPanel). Values measured on the
   prototype: 12px/700 slate labels, 40px / 10px-radius controls, 12px-radius
   switch rows, 48x26 switch.
   ══════════════════════════════════════════════════════════════════════════ */
.lp-v2 .lp-sidebar__body .lp-cal-field { margin: 0 0 16px; }
.lp-v2 .lp-sidebar__body .lp-cal-field > label,
.lp-v2 .lp-sidebar__body #filterdiv .filter-option-lbl,
.lp-v2 .lp-sidebar__body #filterdiv .filterlable {
    display: block;
    margin: 0 0 6px;
    font-size: var(--lp-font-size-sm);
    font-weight: var(--lp-fw-bold);
    color: var(--lp-text-muted, #64748b);
    text-transform: none;
}
/* The prototype has no per-field "Remember this" (star / "as my default")
   controls — saving is done once with Save filter / My Filters. */
.lp-v2 .lp-sidebar__body #filterdiv .filter-option-lbl .btn,
.lp-v2 .lp-sidebar__body #filterdiv .lp-lblrow .btn { display: none; }
/* What to show — checkbox group synced with the SelectedTypes multiselect */
.lp-v2 .lp-cal-layers { display: grid; gap: 8px; margin: 0 0 6px; }
.lp-v2 .lp-cal-layer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 6px;
    font-size: var(--lp-font-size-sm);
    font-weight: var(--lp-fw-bold);
    color: var(--lp-text-muted, #64748b);
    cursor: pointer;
}
.lp-v2 .lp-cal-layer input { accent-color: var(--lp-accent); margin: 0; }
.lp-v2 .lp-sidebar__body .lp-cal-layers-src { display: none; }
/* Controls: 40px tall, 10px radius, light border */
.lp-v2 .lp-sidebar__body #filterdiv .k-picker,
.lp-v2 .lp-sidebar__body #filterdiv .k-dropdownlist,
.lp-v2 .lp-sidebar__body #filterdiv .k-multiselect,
.lp-v2 .lp-sidebar__body #filterdiv .k-textbox,
.lp-v2 .lp-sidebar__body #filterdiv .k-input {
    min-height: 40px;
    border-radius: 10px;
    border: 1px solid var(--lp-border, #e2e8f0);
    background: var(--lp-surface, #fff);
    font-size: var(--lp-font-size);
}
.lp-v2 .lp-sidebar__body #filterdiv .k-input-inner,
.lp-v2 .lp-sidebar__body #filterdiv .k-input-value-text { border: 0; }
.lp-v2 .lp-sidebar__body #filterdiv hr { margin: 16px 0; border: 0; height: 1px; background: var(--lp-border, #e2e8f0); }
/* Kendo checkbox labels in the "My calendar" rows */
.lp-v2 .lp-sidebar__body #filterdiv .filter-option-lbl label { font-size: var(--lp-font-size-sm); font-weight: var(--lp-fw-bold); color: var(--lp-text-muted, #64748b); }

/* Calendar Options panel */
.lp-cal-options .lp-cal-opt-title { margin: 0 0 12px; font-size: var(--lp-font-size-lg); font-weight: var(--lp-fw-extrabold); color: var(--lp-text-strong, #1f2937); }
.lp-cal-options .lp-cal-field { margin: 0 0 16px; }
.lp-cal-options .lp-cal-field > label { display: block; margin: 0 0 6px; font-size: var(--lp-font-size-sm); font-weight: var(--lp-fw-bold); color: var(--lp-text-muted, #64748b); }
.lp-cal-options .lp-cal-select {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--lp-border, #e2e8f0);
    border-radius: 10px;
    background: var(--lp-surface, #fff);
    font: inherit;
    font-size: var(--lp-font-size);
    color: var(--lp-text, #1f2937);
}
.lp-cal-options .lp-cal-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 10px;
    padding: 10px 12px;
    border: 1px solid var(--lp-border, #e2e8f0);
    border-radius: 12px;
    background: var(--lp-surface, #fff);
}
.lp-cal-options .lp-cal-switch-row strong { display: block; font-size: var(--lp-font-size-sm); font-weight: var(--lp-fw-black); color: var(--lp-text-muted, #64748b); }
.lp-cal-options .lp-cal-switch-row span.lp-cal-hint { display: block; font-size: var(--lp-font-size-2xs); font-weight: var(--lp-fw-bold); color: var(--lp-text-muted, #64748b); }
.lp-cal-options .lp-cal-switch { position: relative; display: block; flex: 0 0 48px; width: 48px; height: 26px; }
.lp-cal-options .lp-cal-switch input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; z-index: 1; }
.lp-cal-options .lp-cal-slider { position: absolute; inset: 0; border-radius: 999px; background: var(--lp-border-strong); transition: background .15s; }
.lp-cal-options .lp-cal-slider::before {
    content: '';
    position: absolute;
    top: 3px; left: 3px;
    width: 20px; height: 20px;
    border-radius: 50%;
    background: var(--lp-surface);
    transition: transform .15s;
}
.lp-cal-options .lp-cal-switch input:checked + .lp-cal-slider { background: var(--lp-accent); }
.lp-cal-options .lp-cal-switch input:checked + .lp-cal-slider::before { transform: translateX(22px); }
.lp-cal-options .lp-cal-note { margin: 10px 0 0; font-size: var(--lp-font-size-sm); color: var(--lp-text-muted, #64748b); }

/* Full list pages whose primary "Add" moved into the page header (lp-legacy-list.js):
   the grid's own Add toolbar bar would be a duplicate. Popups/overlays keep theirs. */
html body.lp-v2.lp-has-header-add .lp-content .k-grid-toolbar:has(.k-grid-add) { display: none !important; }

/* Customer form hosted in the Edit panel / overlay (lp-form-embed): the host's footer carries
   Cancel / Save customer, so the form's own Save row is hidden (the footer button clicks it). */
.lp-v2.lp-form-embed #savecustomer .form-body > .form-group:last-child { display: none; }

/* Details panel: content always fits the panel width — no horizontal scroll. */
.lp-details-panel__body { overflow-x: hidden; }
.lp-details-panel__body > * { max-width: 100%; box-sizing: border-box; }
.lp-v2 .lp-dp-hero, .lp-v2 .lp-dp-section, .lp-v2 .lp-dp-quickrow { min-width: 0; max-width: 100%; box-sizing: border-box; }
.lp-v2 .lp-dp-quickrow { flex-wrap: wrap; }
.lp-v2 .lp-dp-hero .lp-badge { max-width: 100%; white-space: normal; height: auto; box-sizing: border-box; min-height: 24px; padding-top: 2px; padding-bottom: 2px; line-height: 20px; }

/* ===== Page styles moved out of views' own <style> blocks (one block per distinct rule set; scoped by the lp-page-* body class set from ViewBag.BodyClass) ===== */

/* Views/Admin/Branch.cshtml */
.lp-page-admin-branch .image-buttons img {
  display: block;
  clear: both;
}
.lp-page-admin-branch .image-buttons {
  white-space: normal;
}
.lp-page-admin-branch .image-buttons {
  text-align:left;
}

/* Views/Admin/LogDetails.cshtml */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .lp-page-admin-logdetails td:nth-of-type(1):before {
    content:"Model.pageTexts.GetShowAsString(1994)";
  }
  .lp-page-admin-logdetails td:nth-of-type(2):before {
    content: "Model.pageTexts.GetShowAsString(4456)";
  }
  .lp-page-admin-logdetails td:nth-of-type(3):before {
    content: "Model.pageTexts.GetShowAsString(110107)";
  }
  .lp-page-admin-logdetails td:nth-of-type(4):before {
    content: "Model.pageTexts.GetShowAsString(2645)";
  }
  .lp-page-admin-logdetails td:nth-of-type(5):before {
    content: "Model.pageTexts.GetShowAsString(42)";
  }
  .lp-page-admin-logdetails td:nth-of-type(6):before {
    content: "Model.pageTexts.GetShowAsString(1256)";
  }
  .lp-page-admin-logdetails td:nth-of-type(7):before {
    content: "Model.pageTexts.GetShowAsString(5797)";
  }
  .lp-page-admin-logdetails td:nth-of-type(8):before {
    content: "Model.pageTexts.GetShowAsString(5803)";
  }
  .lp-page-admin-logdetails td:nth-of-type(9):before {
    content: "Model.pageTexts.GetShowAsString(1994)";
  }
  .lp-page-admin-logdetails td:nth-of-type(10):before {
    content: "Model.pageTexts.GetShowAsString(1994)";
  }
}

/* Views/Admin/MySettings.cshtml */
.lp-v2.lp-page-admin-mysettings .k-grid td img.icon {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
.lp-v2.lp-page-admin-mysettings .k-grid .k-table-th,
.lp-v2.lp-page-admin-mysettings .k-grid th.k-header {
  padding: 12px !important;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  background: #f8fafc;
}
.lp-v2.lp-page-admin-mysettings .k-grid tbody tr.k-master-row {
  cursor: pointer;
}
@media(max-width: 600px) {
  .lp-page-admin-mysettings .actions > .filterlink {
    display: none;
  }
}
.lp-page-admin-mysettings .image-buttons img {
  display: block;
  clear: both;
}
.lp-page-admin-mysettings .image-buttons {
  white-space: normal;
}
.lp-page-admin-mysettings .image-buttons {
  text-align: left;
}
.lp-v2.lp-page-admin-mysettings .lp-dp-footer-stack .lp-btn,
.lp-v2.lp-page-admin-mysettings .lp-inline-details__actions .lp-btn {
  height: 40px;
  border-radius: var(--lp-radius-lg);
  font-weight: 700;
  box-sizing: border-box;
}
.lp-v2.lp-page-admin-mysettings .lp-inline-details__actions {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 12px;
  box-sizing: border-box;
  max-width: 440px;
}
.lp-v2.lp-page-admin-mysettings .lp-inline-details__field {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 0 10px;
  padding: 9px 12px;
  font-size: 13px;
  line-height: 1.35;
  border-bottom: 1px solid #e2e8f0;
}
.lp-v2.lp-page-admin-mysettings .lp-inline-details__card > .lp-inline-details__field:last-child {
  border-bottom: 0;
}
.lp-v2.lp-page-admin-mysettings .lp-inline-details__field > span:first-child {
  color: #64748b;
  font-weight: 700;
}
.lp-v2.lp-page-admin-mysettings .lp-inline-details__field > span:last-child {
  color: #1f2937;
  font-weight: 400;
  word-break: break-word;
}
.lp-v2.lp-page-admin-mysettings .lp-inline-actions-row {
  display: flex;
  gap: 8px;
}
.lp-v2.lp-page-admin-mysettings .lp-inline-actions-row > .lp-btn {
  flex: 1 1 0;
  justify-content: center;
}
.lp-v2.lp-page-admin-mysettings .lp-inline-details__actions > .lp-inline-actions-row,
.lp-v2.lp-page-admin-mysettings .lp-inline-details__actions > .lp-btn--accent,
.lp-v2.lp-page-admin-mysettings .lp-inline-details__actions > .lp-dp-danger-wrap {
  max-width: 200px;
}
.lp-v2.lp-page-admin-mysettings .lp-dp-footer-stack > .lp-btn:not(.lp-btn--accent),
.lp-v2.lp-page-admin-mysettings .lp-inline-actions-row > .lp-btn {
  color: #334155;
  border-color: #e2e8f0;
  background: #fff;
}
.lp-v2.lp-page-admin-mysettings .lp-dp-footer-stack > .lp-btn:not(.lp-btn--accent):hover,
.lp-v2.lp-page-admin-mysettings .lp-inline-actions-row > .lp-btn:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #334155;
}
.lp-v2.lp-page-admin-mysettings .lp-dp-footer-stack > .lp-btn--accent,
.lp-v2.lp-page-admin-mysettings .lp-dp-footer-stack > .lp-btn--accent:hover,
.lp-v2.lp-page-admin-mysettings .lp-inline-details__actions > .lp-btn--accent,
.lp-v2.lp-page-admin-mysettings .lp-inline-details__actions > .lp-btn--accent:hover {
  width: 100%;
  padding: 0 14px;
  font-size: 13px;
  color: #fff;
  justify-content: center;
}
.lp-v2.lp-page-admin-mysettings .lp-dp-danger-wrap {
  width: 100%;
}
.lp-v2.lp-page-admin-mysettings .lp-dp-danger-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  margin-top: 2px;
  background: transparent;
  border: 0;
  color: #64748b;
  font: 800 12px/1 var(--lp-font-body);
  cursor: pointer;
}
.lp-v2.lp-page-admin-mysettings .lp-dp-danger-toggle:hover {
  color: var(--lp-danger);
}
.lp-v2.lp-page-admin-mysettings .lp-dp-danger-toggle .fa-caret-down {
  font-size: 12px;
  transition: transform var(--lp-dur);
}
.lp-v2.lp-page-admin-mysettings .lp-dp-danger-toggle[aria-expanded="true"] .fa-caret-down {
  transform: rotate(180deg);
}
.lp-v2.lp-page-admin-mysettings .lp-dp-danger-actions {
  display: none;
  gap: 10px;
  margin-top: 8px;
}
.lp-v2.lp-page-admin-mysettings .lp-dp-danger-actions.open {
  display: flex;
}
.lp-v2.lp-page-admin-mysettings .lp-dp-danger-actions > .lp-btn {
  flex: 1 1 0;
  width: auto;
  justify-content: center;
}
.lp-v2.lp-page-admin-mysettings .lp-dp-danger-actions > .lp-dp-danger {
  background: #fff;
  color: #b91c1c;
  border-color: #fecaca;
}
.lp-v2.lp-page-admin-mysettings .lp-dp-danger-actions > .lp-dp-danger:hover {
  background: #fef2f2;
  border-color: #fca5a5;
  color: #b91c1c;
}
.lp-v2.lp-page-admin-mysettings .lp-dp-danger-actions > .lp-btn--danger {
  background: #ef4444;
  border-color: #ef4444;
  color: #fff;
}
.lp-v2.lp-page-admin-mysettings .lp-dp-danger-actions > .lp-btn--danger:hover {
  background: #dc2626;
  border-color: #dc2626;
  color: #fff;
}
.lp-page-admin-mysettings .Anonymiztrue {
  display: none;
}
.lp-page-admin-mysettings .filterselect {
  cursor: pointer;
}
.lp-page-admin-mysettings #Search_SearchName,
.lp-page-admin-mysettings .DefaultSearch {
  width: 100%;
}
.lp-page-admin-mysettings .plus,
.lp-page-admin-mysettings .minus {
  font-size: 20px;
  margin-bottom: 20px;
}
.lp-page-admin-mysettings .collapse-body {
  margin-right: 10px;
  letter-spacing: -3px;
  vertical-align: middle;
}
.lp-page-admin-mysettings .collapse-body:before {
  content: "---";
}
.lp-page-admin-mysettings .expand-body:before {
  content: "+";
}
.lp-page-admin-mysettings .expand-body {
  margin-right: 10px;
}
.lp-page-admin-mysettings .collapse-body .plus {
  display: none;
}
.lp-page-admin-mysettings .collapse-body .minus {
  display: block;
}
.lp-page-admin-mysettings .expand-body .plus {
  display: block;
}
.lp-page-admin-mysettings .expand-body .minus {
  display: none;
}
.lp-page-admin-mysettings .pull-right .clickable {
  position: relative;
  top: 0px;
}
.lp-page-admin-mysettings .gridexcelbtn {
  display: none;
}
.lp-page-admin-mysettings .k-grid td .demo-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 22px;
  margin: 0;
  vertical-align: middle;
}
.lp-page-admin-mysettings .demo-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.lp-page-admin-mysettings .demo-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .3s;
  border-radius: 22px;
}
.lp-page-admin-mysettings .demo-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .3s;
  border-radius: 50%;
}
.lp-page-admin-mysettings .demo-switch input:checked + .demo-slider {
  background-color: #28a745;
}
.lp-page-admin-mysettings .demo-switch input:checked + .demo-slider:before {
  transform: translateX(22px);
}
.lp-page-admin-mysettings .demo-switch input:focus + .demo-slider {
  box-shadow: 0 0 2px #28a745;
}
.lp-page-admin-mysettings .settings-row {
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border);
}
.lp-page-admin-mysettings .settings-row-title {
  font-size: 13px;
  font-weight: 800;
  color: #1f2937;
  line-height: 1.35;
}
.lp-page-admin-mysettings .personal-settings-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;
}

/* Views/Admin/PagePermissions.cshtml */
.lp-page-admin-pagepermissions .panel-title {
  cursor: pointer;
}
@media (min-width: 700px) {
  .lp-page-admin-pagepermissions .modal-dialog {
    width: 700px !important;
  }
  .lp-page-admin-pagepermissions .modal-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
  }
}
@media (max-width: 700px) {
  .lp-page-admin-pagepermissions .modal-content {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    max-height: none;
  }
  .lp-page-admin-pagepermissions .modal-body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .lp-page-admin-pagepermissions .modal-dialog {
    width: 350px;
  }
}
.lp-page-admin-pagepermissions .close {
  position: absolute;
  right: 2px;
  top: 2px;
  color: #000 !important;
}
.lp-page-admin-pagepermissions .close {
  background-color: white;
}
.lp-page-admin-pagepermissions .modal-header {
  align-content: center;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-bottom: none !important;
}
.lp-page-admin-pagepermissions .modal-header {
  margin: auto;
}
.lp-page-admin-pagepermissions .modal-footer {
  border-top: none !important;
  text-align: center;
}
.lp-page-admin-pagepermissions .modal-body {
  font-weight: bold;
}
.lp-page-admin-pagepermissions .btn-getStarted {
  background-color: #389CB4;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 17px;
  text-transform: uppercase;
  color: white;
}
.lp-page-admin-pagepermissions .btn-getStarted:hover {
  color: white;
}
.lp-page-admin-pagepermissions .bill-sub-title,
.lp-page-admin-pagepermissions currentplan {
  font-size: 16px;
}
.lp-page-admin-pagepermissions .price {
  background-color: #e8edfb;
  font-size: 16px;
}
.lp-page-admin-pagepermissions .divbill {
  width: 100%;
  font-weight: bold;
  float: left;
  flex: 1;
}
.lp-page-admin-pagepermissions .divPlans {
  padding: 4px;
  background-color: #e9e9e9;
}
@media(min-width :992px) {
}
.lp-page-admin-pagepermissions .divpricing {
  width: 100%;
  font-weight: bold;
  float: right;
  margin-top: -50px;
  flex: 1;
}
.lp-page-admin-pagepermissions .divpricing td {
  padding: 5px;
}
.lp-page-admin-pagepermissions .divpricing {
  align-items: flex-end;
}
.lp-page-admin-pagepermissions .divpricing td {
  border: 1px solid #000;
}
.lp-page-admin-pagepermissions .plan-title {
  background-color: #170855;
  color: white;
  text-align: center;
  text-transform: uppercase;
}


/* Views/Admin/Shifts.cshtml */
.lp-page-admin-shifts th.k-header {
  white-space:normal !important;
}


/* Views/Cars/BookingPeriodCost.cshtml, Views/ToolsUsed/ToolsUsedFleetReport.cshtml, Views/ToolsUsed/ToolsUsedPersonnelReport.cshtml */
:is(.lp-page-cars-bookingperiodcost, .lp-page-toolsused-toolsusedfleetreport, .lp-page-toolsused-toolsusedpersonnelreport) .red {
  color: red;
}

/* Views/Cars/Cars.cshtml */
.lp-page-cars-cars .image-buttons img {
  display: block;
  clear: both;
}
.lp-page-cars-cars .image-buttons {
  white-space: normal;
}
.lp-page-cars-cars .image-buttons {
  text-align: left;
}
.lp-page-cars-cars .filterBoxinner .row {
  margin-left: -5px;
  margin-right: -5px;
}
.lp-page-cars-cars .car-photo {
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-size: 42px 45px;
  background-position: center center;
  vertical-align: middle;
  line-height: 42px;
  box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
  margin-left: 5px;
}
.lp-page-cars-cars .filterselect {
  cursor: pointer;
}
.lp-page-cars-cars .Anonymiztrue {
  display: none;
}
.lp-page-cars-cars .SearchName,
.lp-page-cars-cars .DefaultSearch {
  width: 300px;
  float: left;
  display: inline;
}

/* Views/Cars/CarsItemValue.cshtml */
.lp-page-cars-carsitemvalue .k-grid-toolbar {
  display: none;
}
.lp-page-cars-carsitemvalue .form-body .form-group {
  width: 100% !important;
  clear: both;
  padding: 10px;
  margin: 10px;
}

/* Views/Cars/EditRepeatedTodo.cshtml, Views/Holidays/EditEvent.cshtml, Views/Holidays/EventDetails.cshtml, Views/Todos/ShowLastReadyForInvoice.cshtml */
:is(.lp-page-cars-editrepeatedtodo, .lp-page-holidays-editevent, .lp-page-holidays-eventdetails, .lp-page-todos-showlastreadyforinvoice) td {
  padding: 5px !important;
}

/* Views/Cars/Livemaps.cshtml */
.lp-page-cars-livemaps .addressdiv {
  display: block;
  height: 20px;
}
@media (min-width:1100px) {
  .lp-page-cars-livemaps #map_canvas,
  .lp-page-cars-livemaps links {
    width: 1100px;
  }
}
@media (max-width:1099px) {
  .lp-page-cars-livemaps #map_canvas,
  .lp-page-cars-livemaps links {
    width: 100%;
  }
}
.lp-page-cars-livemaps #checks {
  position: relative;
  z-index: 999999;
}

/* Views/Cars/Maps.cshtml */
.lp-page-cars-maps .addressdiv {
  display: block;
  height: 20px;
}

/* Views/Cars/SaveCarsLocationHistory.cshtml, Views/Tools/PickFromStock.cshtml */
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) #pickfromstock1 td,
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .k-grid-header th.k-header > .k-link {
  
}
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) #grid input:not(.Quantity),
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .PickFromStockDate {
  width: 100%;
}
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .qntcol {
  padding: 10px 0px 10px 0px;
}
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .qntcol input {
  padding-left: 0px;
  padding-right: 0px;
}
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .k-grid td:not(.qntcol) {
  padding: 10px 5px 10px 5px !important;
}
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .Quantity {
  width: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .k-filter-row th,
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .k-grid-header th.k-header {
  white-space: pre-wrap !important;
}
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .ItemName {
  min-width: 200px;
}
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .ItemNumber {
  max-width: 300px;
}
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .ItemUnit {
  max-width: 100px;
}
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .ItemWeight {
  max-width: 100px;
}
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .PickFromStockDate {
  min-width: 85px;
}
:is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .Remarks {
  min-width: 200px;
}
@media (max-width: 812px) {
  :is(.lp-page-cars-savecarslocationhistory, .lp-page-tools-pickfromstock) .pickup_div {
    margin-left: -30px;
    margin-right: 0px;
    position: absolute;
    padding: 0px;
  }
}

/* Views/Customers/CustomerList.cshtml */
.lp-page-customers-customerlist .image-buttons img {
  display: block;
  clear: both;
}
.lp-page-customers-customerlist .image-buttons {
  white-space: normal;
}
.lp-page-customers-customerlist .image-buttons {
  text-align: left;
}
.lp-page-customers-customerlist .filterselect {
  cursor: pointer;
}
.lp-page-customers-customerlist .Anonymiztrue {
  display: none;
}
.lp-page-customers-customerlist .SearchName,
.lp-page-customers-customerlist .DefaultSearch {
  width: 300px;
  float: left;
  display: inline;
}

/* Views/Customers/CustomerProfile.cshtml */
.lp-page-customers-customerprofile .lp-fullprofile {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lp-page-customers-customerprofile .lp-fullprofile__hero {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  background: var(--lp-surface);
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius-lg);
  box-shadow: var(--lp-shadow-1);
}
.lp-page-customers-customerprofile .lp-fullprofile__avatar {
  width: 104px;
  height: 104px;
  border-radius: 18px;
  overflow: hidden;
  background: #dbeafe;
  color: #1d4ed8;
  font-family: var(--lp-font-heading);
  font-weight: 700;
  font-size: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.lp-page-customers-customerprofile .lp-fullprofile__avatar img {
  width: 104px;
  height: 104px;
  object-fit: cover;
}
.lp-page-customers-customerprofile .lp-fullprofile__hero-body {
  flex: 1;
  min-width: 0;
}
.lp-page-customers-customerprofile .lp-fullprofile__hero-name {
  font-family: var(--lp-font-heading);
  font-size: 24px;
  font-weight: 700;
  color: var(--lp-text-strong);
  margin: 0 0 4px;
  line-height: 1.15;
}
.lp-page-customers-customerprofile .lp-fullprofile__hero-role {
  font-size: 14px;
  color: var(--lp-text-muted);
  margin: 0 0 10px;
}
.lp-page-customers-customerprofile .lp-fullprofile__hero-badges {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.lp-page-customers-customerprofile .lp-fullprofile__hero-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
}
.lp-page-customers-customerprofile .lp-fullprofile__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 14px;
}
.lp-page-customers-customerprofile .lp-fullprofile__field {
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 6px 12px;
  padding: 6px 0;
  font-size: 13px;
  line-height: 1.35;
}
.lp-page-customers-customerprofile .lp-fullprofile__field + .lp-fullprofile__field {
  border-top: 1px dashed var(--lp-border);
}
.lp-page-customers-customerprofile .lp-fullprofile__field-label {
  color: var(--lp-text-muted);
}
.lp-page-customers-customerprofile .lp-fullprofile__field-value {
  color: var(--lp-text-strong);
  word-break: break-word;
}
.lp-page-customers-customerprofile .lp-fullprofile__field-value--empty {
  color: var(--lp-text-muted);
  font-style: italic;
}
.lp-page-customers-customerprofile .lp-fullprofile__field-value a {
  color: var(--lp-accent, #55BD52);
  font-weight: 600;
}
.lp-page-customers-customerprofile .lp-fullprofile__wsactions {
  display: flex;
  gap: 4px;
  align-items: center;
}
.lp-page-customers-customerprofile .lp-fullprofile__wsactions button {
  width: 32px;
  height: 32px;
  background: transparent;
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius);
  color: var(--lp-text-muted);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lp-page-customers-customerprofile .lp-fullprofile__wsactions button:hover {
  background: var(--lp-surface-hover);
  color: var(--lp-text-strong);
}

/* Views/Customers/TaskStatusCodes.cshtml, Views/TypesTranslation/taskStatusCodes.cshtml */
:is(.lp-page-customers-taskstatuscodes, .lp-page-typestranslation-taskstatuscodes) .deletelink1,
:is(.lp-page-customers-taskstatuscodes, .lp-page-typestranslation-taskstatuscodes) .deletelink2,
:is(.lp-page-customers-taskstatuscodes, .lp-page-typestranslation-taskstatuscodes) .deletelink3 {
  display: none;
}

/* Views/DrivingDetails/DrivingBehaviourByTrip.cshtml */
.lp-page-drivingdetails-drivingbehaviourbytrip .k-radio-label {
  display: inline-block !important;
}
.lp-page-drivingdetails-drivingbehaviourbytrip #divMap,
.lp-page-drivingdetails-drivingbehaviourbytrip #map_canvas {
  height: 100%;
  width: 100%;
}
.lp-page-drivingdetails-drivingbehaviourbytrip #map_canvas img {
  max-width: inherit;
}
.lp-page-drivingdetails-drivingbehaviourbytrip .map-frame {
  width: 100%;
  height: 100%;
  position: relative;
}
.lp-page-drivingdetails-drivingbehaviourbytrip .map-content {
  z-index: 10;
  position: absolute;
  top: 50px;
  left: 50px;
  width: 100%;
  background-color: black;
  color: #FFF;
}
.lp-page-drivingdetails-drivingbehaviourbytrip .container22,
.lp-page-drivingdetails-drivingbehaviourbytrip .skills {
  box-sizing: border-box
}
.lp-page-drivingdetails-drivingbehaviourbytrip .container22 {
  width: 100%;
  background-color: #ddd;
}
.lp-page-drivingdetails-drivingbehaviourbytrip .skills {
  text-align: right;
  padding: 10px;
  color: white;
}
.lp-page-drivingdetails-drivingbehaviourbytrip .greenbar {
  background-color: #2b760b;
}
.lp-page-drivingdetails-drivingbehaviourbytrip .orangebar {
  background-color: #ff6a00;
}
.lp-page-drivingdetails-drivingbehaviourbytrip .redbar {
  background-color: #ff0000;
}

/* Views/DrivingDetails/TripDetails.cshtml, Views/DrivingRecords/GetRouteDrivingRecords.cshtml */
:is(.lp-page-drivingdetails-tripdetails, .lp-page-drivingrecords-getroutedrivingrecords) .k-radio-label {
  display: inline-block !important;
}
:is(.lp-page-drivingdetails-tripdetails, .lp-page-drivingrecords-getroutedrivingrecords) #divMap,
:is(.lp-page-drivingdetails-tripdetails, .lp-page-drivingrecords-getroutedrivingrecords) #map_canvas {
  height: 100%;
  width: 100%;
}
:is(.lp-page-drivingdetails-tripdetails, .lp-page-drivingrecords-getroutedrivingrecords) #map_canvas img {
  max-width: inherit;
}
:is(.lp-page-drivingdetails-tripdetails, .lp-page-drivingrecords-getroutedrivingrecords) .map-frame {
  width: 100%;
  height: 100%;
  position: relative;
}
:is(.lp-page-drivingdetails-tripdetails, .lp-page-drivingrecords-getroutedrivingrecords) .map-content {
  z-index: 10;
  position: absolute;
  top: 50px;
  left: 50px;
  width: 100%;
  background-color: black;
  color: #FFF;
}

/* Views/Forms/FormsDesigns.cshtml */
.lp-v2.lp-page-forms-formsdesigns #grid tbody td a.edit,
.lp-v2.lp-page-forms-formsdesigns #grid tbody td a.delete,
.lp-v2.lp-page-forms-formsdesigns #grid tbody td a.bttn-collapse-delete {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin-right: 8px;
}
.lp-page-forms-formsdesigns #grid.lp-grid-fit {
  max-height: none;
  overflow: visible !important;
}
.lp-page-forms-formsdesigns .fieldtype {
  display: none;
}
.lp-page-forms-formsdesigns .editdiv #FieldType {
  display: none;
}
.lp-page-forms-formsdesigns .mandatorytype {
  display: none;
}
.lp-page-forms-formsdesigns .editdiv #MandatoryType {
  display: none;
}
.lp-page-forms-formsdesigns .pickitemtoremarks {
  display: none;
}
.lp-page-forms-formsdesigns .editdiv #PickItemToRemarks {
  display: none;
}
.lp-page-forms-formsdesigns .k-grid tbody tr {
  cursor: move;
}
.lp-page-forms-formsdesigns .placeholder {
  outline-style: dashed;
  outline-width: 1px;
  outline-color: red;
}

/* Views/Forms/IncellDesigns.cshtml */
.lp-page-forms-incelldesigns #formgrid.lp-grid-fit {
  max-height: none;
  overflow: visible !important;
}

/* Views/Forms/InvoiceSpreadSheet.cshtml */
.lp-page-forms-invoicespreadsheet #pickfromstock1 td,
.lp-page-forms-invoicespreadsheet .k-grid-header th.k-header > .k-link {
  
}
.lp-page-forms-invoicespreadsheet #gridInvoiceSpreadSheet input:not(.Quantity),
.lp-page-forms-invoicespreadsheet .PickFromStockDate {
  width: 100%;
}
.lp-page-forms-invoicespreadsheet .qntcol {
  padding: 10px 0px 10px 0px;
}
.lp-page-forms-invoicespreadsheet .qntcol input {
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-forms-invoicespreadsheet .k-grid td:not(.qntcol) {
  padding: 10px 5px 10px 5px !important;
}
.lp-page-forms-invoicespreadsheet .Quantity {
  width: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-forms-invoicespreadsheet .k-filter-row th,
.lp-page-forms-invoicespreadsheet .k-grid-header th.k-header {
  white-space: pre-wrap !important;
}
.lp-page-forms-invoicespreadsheet .ItemName {
  min-width: 200px;
}
.lp-page-forms-invoicespreadsheet .ItemNumber {
  max-width: 300px;
}
.lp-page-forms-invoicespreadsheet .ItemUnit {
  max-width: 100px;
}
.lp-page-forms-invoicespreadsheet .PickFromStockDate {
  min-width: 85px;
}
@media (max-width: 812px) {
  .lp-page-forms-invoicespreadsheet .pickup_div {
    margin-left: -30px;
    margin-right: 0px;
    position: absolute;
    padding: 0px;
  }
}

/* Views/Forms/ItemList.cshtml, Views/Forms/PickFromStock.cshtml, Views/Forms/ReturnToStock.cshtml, Views/Forms/WorkHoursListValue.cshtml, Views/Test/allcolumns.cshtml, Views/Tools/AddToolboxContent.cshtml */
:is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) #pickfromstock1 td,
:is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) .k-grid-header th.k-header > .k-link {
  
}
:is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) #grid input:not(.Quantity),
:is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) .PickFromStockDate {
  width: 100%;
}
:is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) .qntcol {
  padding: 10px 0px 10px 0px;
}
:is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) .qntcol input {
  padding-left: 0px;
  padding-right: 0px;
}
:is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) .k-grid td:not(.qntcol) {
  padding: 10px 5px 10px 5px !important;
}
:is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) .Quantity {
  width: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
:is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) .k-filter-row th,
:is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) .k-grid-header th.k-header {
  white-space: pre-wrap !important;
}
:is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) .ItemName {
  min-width: 200px;
}
:is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) .ItemNumber {
  max-width: 300px;
}
:is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) .ItemUnit {
  max-width: 100px;
}
:is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) .PickFromStockDate {
  min-width: 85px;
}
@media (max-width: 812px) {
  :is(.lp-page-forms-itemlist, .lp-page-forms-pickfromstock, .lp-page-forms-returntostock, .lp-page-forms-workhourslistvalue, .lp-page-test-allcolumns, .lp-page-tools-addtoolboxcontent) .pickup_div {
    margin-left: -30px;
    margin-right: 0px;
    position: absolute;
    padding: 0px;
  }
}

/* Views/Forms/ShowFomularDocuments.cshtml */
.lp-page-forms-showfomulardocuments .k-dirty {
  display: none;
}
.lp-page-forms-showfomulardocuments .image-buttons {
  display: none;
}
.lp-v2.lp-page-forms-showfomulardocuments .k-grid td img.icon {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-avatar-link {
  display: inline-block;
  line-height: 0;
}
.lp-v2.lp-page-forms-showfomulardocuments .k-grid td .lp-grid-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  vertical-align: middle;
}
.lp-v2.lp-page-forms-showfomulardocuments .k-grid td span.lp-grid-avatar--initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(85, 189, 82, 0.14);
  color: #1E7A3A;
  font-family: var(--lp-font-heading, inherit);
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.lp-v2.lp-page-forms-showfomulardocuments .k-grid .k-table-th,
.lp-v2.lp-page-forms-showfomulardocuments .k-grid th.k-header {
  padding: 12px !important;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  background: #f8fafc;
}
.lp-v2.lp-page-forms-showfomulardocuments .k-grid tbody tr.k-master-row {
  cursor: pointer;
}
@media(max-width: 600px) {
  .lp-page-forms-showfomulardocuments .actions > .filterlink {
    display: none;
  }
}
.lp-page-forms-showfomulardocuments .image-buttons img {
  display: block;
  clear: both;
}
.lp-page-forms-showfomulardocuments .image-buttons {
  white-space: normal;
}
.lp-page-forms-showfomulardocuments .image-buttons {
  text-align: left;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-footer-stack .lp-btn,
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-details__actions .lp-btn {
  height: 40px;
  border-radius: var(--lp-radius-lg);
  font-weight: 700;
  box-sizing: border-box;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-details__actions {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 12px;
  box-sizing: border-box;
  max-width: 440px;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-details__field {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 0 10px;
  padding: 9px 12px;
  font-size: 13px;
  line-height: 1.35;
  border-bottom: 1px solid #e2e8f0;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-details__card > .lp-inline-details__field:last-child {
  border-bottom: 0;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-details__field > span:first-child {
  color: #64748b;
  font-weight: 700;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-details__field > span:last-child {
  color: #1f2937;
  font-weight: 400;
  word-break: break-word;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-actions-row {
  display: flex;
  gap: 8px;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-actions-row > .lp-btn {
  flex: 1 1 0;
  justify-content: center;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-details__actions > .lp-inline-actions-row,
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-details__actions > .lp-btn--accent,
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-details__actions > .lp-dp-danger-wrap {
  max-width: 200px;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-footer-stack > .lp-btn:not(.lp-btn--accent),
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-actions-row > .lp-btn {
  color: #334155;
  border-color: #e2e8f0;
  background: #fff;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-footer-stack > .lp-btn:not(.lp-btn--accent):hover,
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-actions-row > .lp-btn:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #334155;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-footer-stack > .lp-btn--accent,
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-footer-stack > .lp-btn--accent:hover,
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-details__actions > .lp-btn--accent,
.lp-v2.lp-page-forms-showfomulardocuments .lp-inline-details__actions > .lp-btn--accent:hover {
  width: 100%;
  padding: 0 14px;
  font-size: 13px;
  color: #fff;
  justify-content: center;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-danger-wrap {
  width: 100%;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-danger-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  margin-top: 2px;
  background: transparent;
  border: 0;
  color: #64748b;
  font: 800 12px/1 var(--lp-font-body);
  cursor: pointer;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-danger-toggle:hover {
  color: var(--lp-danger);
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-danger-toggle .fa-caret-down {
  font-size: 12px;
  transition: transform var(--lp-dur);
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-danger-toggle[aria-expanded="true"] .fa-caret-down {
  transform: rotate(180deg);
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-danger-actions {
  display: none;
  gap: 10px;
  margin-top: 8px;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-danger-actions.open {
  display: flex;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-danger-actions > .lp-btn {
  flex: 1 1 0;
  width: auto;
  justify-content: center;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-danger-actions > .lp-dp-danger {
  background: #fff;
  color: #b91c1c;
  border-color: #fecaca;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-danger-actions > .lp-dp-danger:hover {
  background: #fef2f2;
  border-color: #fca5a5;
  color: #b91c1c;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-danger-actions > .lp-btn--danger {
  background: #ef4444;
  border-color: #ef4444;
  color: #fff;
}
.lp-v2.lp-page-forms-showfomulardocuments .lp-dp-danger-actions > .lp-btn--danger:hover {
  background: #dc2626;
  border-color: #dc2626;
  color: #fff;
}
.lp-page-forms-showfomulardocuments .Anonymiztrue {
  display: none;
}
.lp-page-forms-showfomulardocuments .filterselect {
  cursor: pointer;
}
.lp-page-forms-showfomulardocuments #Search_SearchName,
.lp-page-forms-showfomulardocuments .DefaultSearch {
  width: 100%;
}
.lp-page-forms-showfomulardocuments .plus,
.lp-page-forms-showfomulardocuments .minus {
  font-size: 20px;
  margin-bottom: 20px;
}
.lp-page-forms-showfomulardocuments .collapse-body {
  margin-right: 10px;
  letter-spacing: -3px;
  vertical-align: middle;
}
.lp-page-forms-showfomulardocuments .collapse-body:before {
  content: "---";
}
.lp-page-forms-showfomulardocuments .expand-body:before {
  content: "+";
}
.lp-page-forms-showfomulardocuments .expand-body {
  margin-right: 10px;
}
.lp-page-forms-showfomulardocuments .collapse-body .plus {
  display: none;
}
.lp-page-forms-showfomulardocuments .collapse-body .minus {
  display: block;
}
.lp-page-forms-showfomulardocuments .expand-body .plus {
  display: block;
}
.lp-page-forms-showfomulardocuments .expand-body .minus {
  display: none;
}
.lp-page-forms-showfomulardocuments .pull-right .clickable {
  position: relative;
  top: 0px;
}
.lp-page-forms-showfomulardocuments .gridexcelbtn {
  display: none;
}
.lp-page-forms-showfomulardocuments #filterdiv {
  display: none !important;
}

/* Views/Forms/TableListValue.cshtml */
@media only screen and (max-width: 700px) {
  .lp-page-forms-tablelistvalue .txtboxgrid input {
    width: 80px;
  }
}
@media only screen and (min-width: 700px) {
  .lp-page-forms-tablelistvalue .txtboxgrid input {
    width: 110px;
  }
}

/* Views/Holidays/MeetingDetails.cshtml */
.lp-page-holidays-meetingdetails .col-xs-12 {
  text-align:center !important;
}

/* Views/Home/Account.cshtml */
.lp-page-home-account .panel-title {
  cursor: pointer;
}
@media (min-width: 700px) {
  .lp-page-home-account .modal-dialog {
    width: 700px !important;
  }
  .lp-page-home-account .modal-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
  }
}
@media (max-width: 700px) {
  .lp-page-home-account .modal-content {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    max-height: none;
  }
  .lp-page-home-account .modal-body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .lp-page-home-account .modal-dialog {
    width: 350px;
  }
}
.lp-page-home-account .close {
  position: absolute;
  right: 2px;
  top: 2px;
  color: #000 !important;
}
.lp-page-home-account .close {
  background-color: white;
}
.lp-page-home-account .modal-header {
  align-content: center;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-bottom: none !important;
}
.lp-page-home-account .modal-header {
  margin: auto;
}
.lp-page-home-account .modal-footer {
  border-top: none !important;
  text-align: center;
}
.lp-page-home-account .modal-body {
  font-weight: bold;
}
.lp-page-home-account .btn-getStarted {
  background-color: #389CB4;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 17px;
  text-transform: uppercase;
  color: white;
}
.lp-page-home-account .btn-getStarted:hover {
  color: white;
}
.lp-page-home-account .bill-sub-title,
.lp-page-home-account currentplan {
  font-size: 16px;
}
.lp-page-home-account .price {
  background-color: #e8edfb;
  font-size: 16px;
}
.lp-page-home-account .divbill {
  width: 100%;
  font-weight: bold;
  float: left;
  flex: 1;
}
.lp-page-home-account .divPlans {
  padding: 4px;
  background-color: #e9e9e9;
}
@media(min-width :992px) {
}
.lp-page-home-account .divpricing {
  width: 100%;
  font-weight: bold;
  float: right;
  margin-top: -50px;
  flex: 1;
}
.lp-page-home-account .divpricing td {
  padding: 5px;
}
.lp-page-home-account .divpricing {
  align-items: flex-end;
}
.lp-page-home-account .divpricing td {
  border: 1px solid #000;
}
.lp-page-home-account .plan-title {
  background-color: #170855;
  color: white;
  text-align: center;
  text-transform: uppercase;
}
.lp-v2.lp-page-home-account .k-grid td img.icon {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
.lp-v2.lp-page-home-account .k-grid .k-table-th,
.lp-v2.lp-page-home-account .k-grid th.k-header {
  padding: 12px !important;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  background: #f8fafc;
}
.lp-v2.lp-page-home-account .k-grid tbody tr.k-master-row {
  cursor: pointer;
}
@media(max-width: 600px) {
  .lp-page-home-account .actions > .filterlink {
    display: none;
  }
}
.lp-page-home-account .image-buttons img {
  display: block;
  clear: both;
}
.lp-page-home-account .image-buttons {
  white-space: normal;
}
.lp-page-home-account .image-buttons {
  text-align: left;
}
.lp-v2.lp-page-home-account .lp-dp-footer-stack .lp-btn,
.lp-v2.lp-page-home-account .lp-inline-details__actions .lp-btn {
  height: 40px;
  border-radius: var(--lp-radius-lg);
  font-weight: 700;
  box-sizing: border-box;
}
.lp-v2.lp-page-home-account .lp-inline-details__actions {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 12px;
  box-sizing: border-box;
  max-width: 440px;
}
.lp-v2.lp-page-home-account .lp-inline-details__field {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 0 10px;
  padding: 9px 12px;
  font-size: 13px;
  line-height: 1.35;
  border-bottom: 1px solid #e2e8f0;
}
.lp-v2.lp-page-home-account .lp-inline-details__card > .lp-inline-details__field:last-child {
  border-bottom: 0;
}
.lp-v2.lp-page-home-account .lp-inline-details__field > span:first-child {
  color: #64748b;
  font-weight: 700;
}
.lp-v2.lp-page-home-account .lp-inline-details__field > span:last-child {
  color: #1f2937;
  font-weight: 400;
  word-break: break-word;
}
.lp-v2.lp-page-home-account .lp-inline-actions-row {
  display: flex;
  gap: 8px;
}
.lp-v2.lp-page-home-account .lp-inline-actions-row > .lp-btn {
  flex: 1 1 0;
  justify-content: center;
}
.lp-v2.lp-page-home-account .lp-inline-details__actions > .lp-inline-actions-row,
.lp-v2.lp-page-home-account .lp-inline-details__actions > .lp-btn--accent,
.lp-v2.lp-page-home-account .lp-inline-details__actions > .lp-dp-danger-wrap {
  max-width: 200px;
}
.lp-v2.lp-page-home-account .lp-dp-footer-stack > .lp-btn:not(.lp-btn--accent),
.lp-v2.lp-page-home-account .lp-inline-actions-row > .lp-btn {
  color: #334155;
  border-color: #e2e8f0;
  background: #fff;
}
.lp-v2.lp-page-home-account .lp-dp-footer-stack > .lp-btn:not(.lp-btn--accent):hover,
.lp-v2.lp-page-home-account .lp-inline-actions-row > .lp-btn:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #334155;
}
.lp-v2.lp-page-home-account .lp-dp-footer-stack > .lp-btn--accent,
.lp-v2.lp-page-home-account .lp-dp-footer-stack > .lp-btn--accent:hover,
.lp-v2.lp-page-home-account .lp-inline-details__actions > .lp-btn--accent,
.lp-v2.lp-page-home-account .lp-inline-details__actions > .lp-btn--accent:hover {
  width: 100%;
  padding: 0 14px;
  font-size: 13px;
  color: #fff;
  justify-content: center;
}
.lp-v2.lp-page-home-account .lp-dp-danger-wrap {
  width: 100%;
}
.lp-v2.lp-page-home-account .lp-dp-danger-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  margin-top: 2px;
  background: transparent;
  border: 0;
  color: #64748b;
  font: 800 12px/1 var(--lp-font-body);
  cursor: pointer;
}
.lp-v2.lp-page-home-account .lp-dp-danger-toggle:hover {
  color: var(--lp-danger);
}
.lp-v2.lp-page-home-account .lp-dp-danger-toggle .fa-caret-down {
  font-size: 12px;
  transition: transform var(--lp-dur);
}
.lp-v2.lp-page-home-account .lp-dp-danger-toggle[aria-expanded="true"] .fa-caret-down {
  transform: rotate(180deg);
}
.lp-v2.lp-page-home-account .lp-dp-danger-actions {
  display: none;
  gap: 10px;
  margin-top: 8px;
}
.lp-v2.lp-page-home-account .lp-dp-danger-actions.open {
  display: flex;
}
.lp-v2.lp-page-home-account .lp-dp-danger-actions > .lp-btn {
  flex: 1 1 0;
  width: auto;
  justify-content: center;
}
.lp-v2.lp-page-home-account .lp-dp-danger-actions > .lp-dp-danger {
  background: #fff;
  color: #b91c1c;
  border-color: #fecaca;
}
.lp-v2.lp-page-home-account .lp-dp-danger-actions > .lp-dp-danger:hover {
  background: #fef2f2;
  border-color: #fca5a5;
  color: #b91c1c;
}
.lp-v2.lp-page-home-account .lp-dp-danger-actions > .lp-btn--danger {
  background: #ef4444;
  border-color: #ef4444;
  color: #fff;
}
.lp-v2.lp-page-home-account .lp-dp-danger-actions > .lp-btn--danger:hover {
  background: #dc2626;
  border-color: #dc2626;
  color: #fff;
}
.lp-page-home-account .Anonymiztrue {
  display: none;
}
.lp-page-home-account .filterselect {
  cursor: pointer;
}
.lp-page-home-account #Search_SearchName,
.lp-page-home-account .DefaultSearch {
  width: 100%;
}
.lp-page-home-account .plus,
.lp-page-home-account .minus {
  font-size: 20px;
  margin-bottom: 20px;
}
.lp-page-home-account .collapse-body {
  margin-right: 10px;
  letter-spacing: -3px;
  vertical-align: middle;
}
.lp-page-home-account .collapse-body:before {
  content: "---";
}
.lp-page-home-account .expand-body:before {
  content: "+";
}
.lp-page-home-account .expand-body {
  margin-right: 10px;
}
.lp-page-home-account .collapse-body .plus {
  display: none;
}
.lp-page-home-account .collapse-body .minus {
  display: block;
}
.lp-page-home-account .expand-body .plus {
  display: block;
}
.lp-page-home-account .expand-body .minus {
  display: none;
}
.lp-page-home-account .pull-right .clickable {
  position: relative;
  top: 0px;
}
.lp-page-home-account .gridexcelbtn {
  display: none;
}
.lp-page-home-account .lp-acct-page {
  --lpx-line: #e2e8f0;
  --lpx-muted: #64748b;
  --lpx-green: #55BD52;
  --lpx-green-hover: #49A847;
  --lpx-navy: #102a43;
  font-family: var(--lp-font-body, "Segoe UI", system-ui, Arial, sans-serif);
  color: #1f2937;
  box-sizing: border-box;
  max-width: 100%;
}
.lp-page-home-account .lp-acct-page *,
.lp-page-home-account .lp-acct-page *::before,
.lp-page-home-account .lp-acct-page *::after {
  box-sizing: border-box;
}
.lp-page-home-account .lp-acct-page .lpx-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 16px;
  align-items: start;
}
.lp-page-home-account .lp-acct-page .lpx-card {
  background: #fff;
  border: 1px solid var(--lpx-line);
  border-radius: 16px;
  box-shadow: 0 12px 35px rgba(15,23,42,.06);
  overflow: hidden;
}
.lp-page-home-account .lp-acct-page .lpx-content {
  padding: 16px 20px 20px;
  display: grid;
  gap: 14px;
  background: #fff;
}
.lp-page-home-account .lp-acct-page .lpx-category {
  border: 1px solid var(--lpx-line);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}
.lp-page-home-account .lp-acct-page .lpx-category-header {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  background: #f8fafc;
  border-bottom: 1px solid var(--lpx-line);
}
.lp-page-home-account .lp-acct-page .lpx-category-header h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  text-transform: none;
  letter-spacing: normal;
}
.lp-page-home-account .lp-acct-page .lpx-category-header p {
  margin: 3px 0 0;
  color: var(--lpx-muted);
  font-size: 12px;
  line-height: 1.35;
}
.lp-page-home-account .lp-acct-page .lpx-row {
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 12px 14px;
  border-bottom: 1px solid var(--lpx-line);
}
.lp-page-home-account .lp-acct-page .lpx-row:last-child {
  border-bottom: 0;
}
.lp-page-home-account .lp-acct-page .lpx-row:hover {
  background: #fbfdfb;
}
.lp-page-home-account .lp-acct-page .lpx-row--full {
  grid-template-columns: minmax(0,1fr);
}
.lp-page-home-account .lp-acct-page .lpx-row--full:hover {
  background: transparent;
}
.lp-page-home-account .lp-acct-page .lpx-row-title {
  font-size: 13px;
  font-weight: 800;
  color: #1f2937;
  line-height: 1.35;
}
.lp-page-home-account .lp-acct-page .lpx-row-desc {
  margin-top: 3px;
  font-size: 12px;
  color: var(--lpx-muted);
  line-height: 1.35;
}
.lp-page-home-account .lp-acct-page .lpx-row-value {
  font-size: 14px;
  font-weight: 800;
  color: #1f2937;
  text-align: right;
}
.lp-page-home-account .lp-acct-page .lpx-row-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.lp-page-home-account .lp-acct-page .lpx-row--full .lpx-row-actions {
  justify-content: flex-start;
}
.lp-page-home-account .lp-acct-page .lpx-hidden {
  display: none;
}
.lp-page-home-account .lp-acct-page .lpx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 14px;
  border: 1px solid var(--lpx-line);
  border-radius: 10px;
  background: #fff;
  color: #334155;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.lp-page-home-account .lp-acct-page .lpx-btn:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #334155;
  text-decoration: none;
}
.lp-page-home-account .lp-acct-page .lpx-btn.primary {
  background: var(--lpx-green);
  border-color: var(--lpx-green);
  color: #fff;
}
.lp-page-home-account .lp-acct-page .lpx-btn.primary:hover {
  background: var(--lpx-green-hover);
  border-color: var(--lpx-green-hover);
  color: #fff;
}
.lp-page-home-account .lp-acct-page .lpx-btn.danger {
  background: #ef4444;
  border-color: #ef4444;
  color: #fff;
}
.lp-page-home-account .lp-acct-page .lpx-btn.danger:hover {
  background: #dc2626;
  border-color: #dc2626;
  color: #fff;
}
.lp-page-home-account .lp-acct-page .lpx-link {
  color: var(--lpx-green);
  font-weight: 800;
  font-size: 13px;
  text-decoration: none;
}
.lp-page-home-account .lp-acct-page .lpx-link:hover {
  text-decoration: underline;
  color: var(--lpx-green-hover);
}
.lp-page-home-account .lp-acct-page .lpx-embed {
  padding: 14px;
}
.lp-page-home-account .lp-acct-page .lpx-embed .row {
  margin-left: -8px;
  margin-right: -8px;
}
.lp-page-home-account .lp-acct-page .lpx-embed [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
.lp-page-home-account .lp-acct-page .lpx-embed label,
.lp-page-home-account .lp-acct-page .lpx-embed .control-label,
.lp-page-home-account .lp-acct-page .lpx-embed .filterlable {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--lpx-muted);
  margin: 0 0 6px;
  text-transform: none;
}
.lp-page-home-account .lp-acct-page .lpx-embed input[type=text],
.lp-page-home-account .lp-acct-page .lpx-embed input[type=email],
.lp-page-home-account .lp-acct-page .lpx-embed input[type=tel],
.lp-page-home-account .lp-acct-page .lpx-embed input[type=number],
.lp-page-home-account .lp-acct-page .lpx-embed input[type=password],
.lp-page-home-account .lp-acct-page .lpx-embed select,
.lp-page-home-account .lp-acct-page .lpx-embed .form-control,
.lp-page-home-account .lp-acct-page .lpx-embed .k-textbox,
.lp-page-home-account .lp-acct-page .lpx-embed .k-picker {
  width: 100%;
  max-width: 100%;
  height: 40px;
  border: 1px solid var(--lpx-line);
  border-radius: 10px;
  padding: 0 12px;
  background: #fff;
  color: #334155;
  font-size: 13px;
  box-shadow: none;
}
.lp-page-home-account .lp-acct-page .lpx-embed textarea {
  width: 100%;
  border: 1px solid var(--lpx-line);
  border-radius: 10px;
  padding: 8px 12px;
}
.lp-page-home-account .lp-acct-page .lpx-embed .form-group {
  margin-bottom: 14px;
}
.lp-page-home-account .lp-acct-page .lpx-embed .lpx-delegated {
  display: none !important;
}
.lp-page-home-account .lp-acct-page .lpx-embed--rows {
  padding: 0;
}
.lp-page-home-account .lp-acct-page .lpx-embed--rows .row {
  margin: 0;
  display: block;
}
.lp-page-home-account .lp-acct-page .lpx-embed--rows [class*="col-"] {
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 0;
  position: static;
}
.lp-page-home-account .lp-acct-page .lpx-field,
.lp-page-home-account .lp-acct-page .lpx-embed--rows :is(.form-group,
.lp-page-home-account [class*="col-"]):has(> label):has(> input:not([type=hidden]), > select, > textarea, > .k-widget, > .k-input, > span, > div) {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(220px,320px);
  gap: 6px 18px;
  align-items: center;
  float: none;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 12px 14px;
  min-height: 64px;
  border-bottom: 1px solid var(--lpx-line);
}
.lp-page-home-account .lp-acct-page .lpx-field:hover {
  background: #fbfdfb;
}
.lp-page-home-account .lp-acct-page .lpx-field label,
.lp-page-home-account .lp-acct-page .lpx-field .control-label,
.lp-page-home-account .lp-acct-page .lpx-field .filterlable {
  margin: 0;
  font-size: 13px;
  font-weight: 800;
  color: #1f2937;
}
.lp-page-home-account .lp-acct-page .lpx-field > * {
  min-width: 0;
}
.lp-page-home-account .lp-acct-page .lpx-field > .field-validation-error,
.lp-page-home-account .lp-acct-page .lpx-field > .text-danger,
.lp-page-home-account .lp-acct-page .lpx-field > span[data-valmsg-for],
.lp-page-home-account .lp-acct-page .lpx-field > .field-validation-valid {
  grid-column: 2;
}
.lp-page-home-account .lp-acct-page .lpx-field > :nth-child(n+3):not([data-valmsg-for]) {
  grid-column: 2;
}
.lp-page-home-account .lp-acct-page .lpx-embed--rows input[type=text],
.lp-page-home-account .lp-acct-page .lpx-embed--rows input[type=email],
.lp-page-home-account .lp-acct-page .lpx-embed--rows input[type=tel],
.lp-page-home-account .lp-acct-page .lpx-embed--rows input[type=number],
.lp-page-home-account .lp-acct-page .lpx-embed--rows select,
.lp-page-home-account .lp-acct-page .lpx-embed--rows .form-control,
.lp-page-home-account .lp-acct-page .lpx-embed--rows .k-textbox,
.lp-page-home-account .lp-acct-page .lpx-embed--rows .k-picker {
  padding-left: 12px !important;
  padding-right: 12px;
  text-indent: 0;
}
.lp-page-home-account .lp-acct-page .lpx-embed--rows > :last-child {
  border-bottom: 0;
}
.lp-page-home-account .lp-acct-page .lpx-embed .k-widget input,
.lp-page-home-account .lp-acct-page .lpx-embed .k-textbox > input,
.lp-page-home-account .lp-acct-page .lpx-embed .k-picker input {
  border: 0;
  height: auto;
  padding: 0;
  box-shadow: none;
  background: transparent;
  width: 100%;
}
.lp-page-home-account .lp-acct-page .lpx-embed .k-widget.k-textbox,
.lp-page-home-account .lp-acct-page .lpx-embed .k-picker {
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.lp-page-home-account .lp-acct-page .lpx-card-header {
  padding: 18px 20px 14px;
  border-bottom: 1px solid var(--lpx-line);
}
.lp-page-home-account .lp-acct-page .lpx-card-header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  text-transform: none;
}
.lp-page-home-account .lp-acct-page .divbill,
.lp-page-home-account .lp-acct-page .divpricing {
  float: none;
  width: 100% !important;
  max-width: 100%;
  margin: 0 0 14px;
  flex: none;
}
.lp-page-home-account .lp-acct-page .divPlans {
  margin-top: 0;
  border-radius: 12px;
}
.lp-page-home-account .lp-acct-page .divpricing table {
  width: 100%;
  border-collapse: collapse;
}
.lp-page-home-account .lp-acct-page .divpricing td {
  border: 1px solid var(--lpx-line);
  padding: 8px 10px;
  font-weight: 600;
}
.lp-page-home-account .lp-acct-page .plan-title {
  border-radius: 8px 8px 0 0;
}
.lp-page-home-account .lp-acct-page .lpx-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 20px;
  border-top: 1px solid var(--lpx-line);
  background: #fbfdff;
}
@media (max-width: 980px) {
  .lp-page-home-account .lp-acct-page .lpx-field,
  .lp-page-home-account .lp-acct-page .lpx-embed--rows :is(.form-group,
  .lp-page-home-account [class*="col-"]):has(> label) {
    grid-template-columns: minmax(0,1fr);
  }
}
@media (max-width: 980px) {
  .lp-page-home-account .lp-acct-page .lpx-row {
    grid-template-columns: minmax(0,1fr);
    gap: 10px;
  }
}
@media (max-width: 700px) {
  .lp-page-home-account .lp-acct-page .lpx-content {
    padding: 12px;
  }
  .lp-page-home-account .lp-acct-page .lpx-row-value {
    text-align: left;
  }
  .lp-page-home-account .lp-acct-page .lpx-row-actions {
    justify-content: flex-start;
  }
}

/* Views/Home/PlanSetup.cshtml */
.lp-page-home-plansetup .lblchkbox {
  width: 20%;
  display: inline-flex;
}
.lp-page-home-plansetup .lbltxt span {
  position: relative;
  top: -10px;
}
.lp-page-home-plansetup .lbltxt {
  width: 78%;
  display: inline-flex;
  line-height: 30px;
  padding-top: 0px;
}
.lp-page-home-plansetup input.toggle-round {
  display: none;
}
.lp-page-home-plansetup input.toggle-round + label,
.lp-page-home-plansetup input.toggle-round + input + label {
  display: block;
  position: relative;
  cursor: pointer;
  align-content: flex-end;
}
.lp-page-home-plansetup input.toggle-round + label,
.lp-page-home-plansetup input.toggle-round + input + label {
  padding: 1px;
  width: 50px;
  height: 25px;
  background-color: #f00;
  border-radius: 25px;
  border: 1px solid #ccc;
}
.lp-page-home-plansetup input.toggle-round + label:after,
.lp-page-home-plansetup input.toggle-round + input + label:after {
  display: block;
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 100%;
  box-shadow: 0 2px 3px #888;
  transition: margin 0.5s;
  top :1px;
}
.lp-page-home-plansetup input.toggle-round:checked + label,
.lp-page-home-plansetup input.toggle-round:checked + input + label {
  background-color: #4cff00;
}
.lp-page-home-plansetup input.toggle-round:checked + label:after,
.lp-page-home-plansetup input.toggle-round:checked + input + label:after {
  margin-left: 27px;
}
.lp-page-home-plansetup .tabboday {
  padding: 5px;
}
.lp-page-home-plansetup .tabtitle {
  padding: 5px;
}
.lp-page-home-plansetup .tabboday > div {
  display: inline-block;
}
.lp-page-home-plansetup .tabtitle2 {
  text-align: center;
  color: #083554;
  font-size: 16px;
  font-weight: 500;
  padding: 5px;
}
@media (min-width: 650px) {
  .lp-page-home-plansetup .tab {
    width: 600px;
  }
  .lp-page-home-plansetup .divtext {
    height: 30px;
    width: 70%;
  }
  .lp-page-home-plansetup .divcheckbox {
    width: 10%;
    white-space: nowrap;
  }
  .lp-page-home-plansetup .divprice {
    width: 14%;
    text-align: right;
  }
  .lp-page-home-plansetup .divrights {
    width: 4%;
    white-space: nowrap;
  }
}
@media (max-width: 650px) {
  .lp-page-home-plansetup .tab {
    width: 100%;
  }
  .lp-page-home-plansetup .divtext {
    height: 30px;
    width: 100%;
    padding-top:20px;
  }
  .lp-page-home-plansetup .divcheckbox {
    width: 30%;
    white-space: nowrap;
  }
  .lp-page-home-plansetup .divprice {
    width: 30%;
    text-align: right;
  }
  .lp-page-home-plansetup .prevbutton2 {
    width: 116px;
  }
  .lp-page-home-plansetup .divrights {
    width: 30%;
    white-space: nowrap;
  }
}
.lp-page-home-plansetup .next {
  right: 10px;
  text-align: right;
}
.lp-page-home-plansetup input.toggle-round + input + label {
  margin-bottom: -8px;
}

/* Views/Home/SetupHome.cshtml */
.lp-page-home-setuphome #systemSettingsOverlay {
  --border: #e2e8f0;
  --muted: #64748b;
  --green: #55BD52;
  --green-hover: #49A847;
}
.lp-page-home-setuphome #systemSettingsOverlay,
.lp-page-home-setuphome #systemSettingsOverlay *,
.lp-page-home-setuphome #systemSettingsOverlay *::before,
.lp-page-home-setuphome #systemSettingsOverlay *::after {
  box-sizing: border-box;
}
.lp-page-home-setuphome #systemSettingsOverlay.personal-settings-overlay {
  position: static;
  inset: auto;
  display: block;
  width: 100%;
  background: transparent;
  padding: 0;
  overflow: visible;
  z-index: auto;
  margin: 0;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  transform: none;
  float: none;
  max-width: none;
}
.lp-page-home-setuphome #systemSettingsOverlay .personal-settings-page {
  max-width: none;
  margin: 0;
  padding: 0;
}
.lp-page-home-setuphome #systemSettingsOverlay .personal-settings-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 16px;
  align-items: start;
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-card {
  background: white;
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: 0 12px 35px rgba(15,23,42,.06);
  overflow: hidden;
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-card-toolbar {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 20px 12px;
  border-bottom: 1px solid var(--border);
  background: #fbfdff;
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-card-toolbar .input {
  max-width: 340px;
  background: white;
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-content {
  padding: 16px 20px 20px;
  display: grid;
  gap: 14px;
  background: #fff;
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-category {
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  margin: 0;
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-category-header {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  background: #f8fafc;
  border-bottom: 1px solid var(--border);
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-category-header h3 {
  margin: 0;
  font-size: 15px;
  color: #0f172a;
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-category-header p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-row {
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border);
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-row:last-child {
  border-bottom: 0;
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-row:hover {
  background: #fbfdfb;
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-row-title {
  font-size: 13px;
  font-weight: 800;
  color: #1f2937;
  line-height: 1.35;
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-row-desc {
  margin-top: 3px;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.35;
}
.lp-page-home-setuphome #systemSettingsOverlay .input {
  width: 100%;
  height: 40px;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 0 12px;
  background: white;
  box-shadow: none;
  outline: 0;
  font: inherit;
  color: #1f2937;
}
.lp-page-home-setuphome #systemSettingsOverlay .input:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(85,189,82,.18);
}
.lp-page-home-setuphome #systemSettingsOverlay .btn {
  height: 40px;
  border-radius: 10px !important;
  border: 1px solid var(--border) !important;
  background: white;
  padding: 0 14px !important;
  cursor: pointer;
  font-weight: 700;
  color: #334155;
  line-height: 1;
  box-shadow: none;
}
.lp-page-home-setuphome #systemSettingsOverlay .btn:hover {
  background: #f8fafc;
}
.lp-page-home-setuphome #systemSettingsOverlay .btn:disabled {
  opacity: .45;
  cursor: not-allowed;
  background: #f1f5f9 !important;
  color: #94a3b8 !important;
  border-color: #cbd5e1 !important;
}
.lp-page-home-setuphome #systemSettingsOverlay .badge {
  display: inline-flex;
  height: 24px;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  background: #eaf8ea;
  color: #2f7a35;
  font-weight: 800;
  font-size: 12px;
}
.lp-page-home-setuphome #systemSettingsOverlay .lpx-hidden {
  display: none !important;
}
@media (max-width:980px) {
  .lp-page-home-setuphome #systemSettingsOverlay .settings-card-toolbar .input {
    max-width: none;
  }
}
.lp-page-home-setuphome #systemSettingsOverlay mark.lpx-mark {
  background: #fff1a8;
  color: inherit;
  border-radius: 3px;
  padding: 0 1px;
}
.lp-page-home-setuphome #systemSettingsOverlay .lpx-count {
  font-size: 13px;
  color: var(--muted);
  white-space: nowrap;
  align-self: center;
}
.lp-page-home-setuphome #systemSettingsOverlay .lpx-stamp {
  font: 11px/1.4 monospace;
  color: var(--muted);
  margin: 0 0 6px;
}
.lp-page-home-setuphome #systemSettingsOverlay .lpx-empty {
  padding: 28px 8px;
  text-align: center;
  color: var(--muted);
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-card-toolbar .input {
  flex: 0 1 340px;
}
.lp-page-home-setuphome #systemSettingsOverlay,
.lp-page-home-setuphome #systemSettingsOverlay * {
  text-align: left;
}
.lp-page-home-setuphome #systemSettingsOverlay .lpx-empty {
  text-align: center;
}
.lp-page-home-setuphome .lp-app:has(#systemSettingsOverlay) {
  grid-template-columns: auto minmax(0,1fr);
}
.lp-page-home-setuphome .lp-app:has(#systemSettingsOverlay) > .lp-body {
  grid-column: 2;
  margin-left: 0;
  min-width: 0;
}
.lp-page-home-setuphome .lp-app:has(#systemSettingsOverlay) .lp-body > main.lp-content {
  margin-left: 0;
  justify-self: stretch;
}
.lp-page-home-setuphome #systemSettingsOverlay {
  max-width: none;
  margin: 0;
}

/* Views/Home/ShowModuleRights.cshtml, Views/Home/ShowPageRoleRights.cshtml, Views/Role/ShowPageRoleRights.cshtml */
@media (min-width: 650px) {
  :is(.lp-page-home-showmodulerights, .lp-page-home-showpagerolerights, .lp-page-role-showpagerolerights) .tab1 {
    width: 600px;
  }
}
@media (max-width: 650px) {
  :is(.lp-page-home-showmodulerights, .lp-page-home-showpagerolerights, .lp-page-role-showpagerolerights) .tab1 {
    width: 100%
  }
}

/* Views/Home/testButtons.cshtml */
.lp-page-home-testbuttons .icon-button {
  border: none;
  box-shadow: 4px 4px 5px #c1bebe;
  display: inline-block;
  font-size: 14px;
  border-radius: 4px;
  padding: 6px 10px;
}
.lp-page-home-testbuttons .fa-ban,
.lp-page-home-testbuttons .fa-pencil,
.lp-page-home-testbuttons .fa-search,
.lp-page-home-testbuttons .fa-save,
.lp-page-home-testbuttons .cog-icon {
  padding: 9px 10px 8px 10px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  margin: -9px 12px -9px -10px;
}

/* Views/HoursReports/CalculationHours.cshtml */
.lp-page-hoursreports-calculationhours .GridHeader td {
  height: 200px !important;
  vertical-align: bottom !important;
  text-align: left;
}
.lp-page-hoursreports-calculationhours .rotate {
  margin-bottom: 50px;
  max-width: 45px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.lp-page-hoursreports-calculationhours .Corrected {
  color: Red !important;
  font-weight: bold;
}
.lp-page-hoursreports-calculationhours .AllCorrected {
  color: #75AE49 !important;
  font-size: 12px;
  font-weight: bold;
}
.lp-page-hoursreports-calculationhours .GridBorder {
  font-size: 11px;
}
.lp-page-hoursreports-calculationhours td,
.lp-page-hoursreports-calculationhours th {
  padding: 4px !important;
  white-space: nowrap;
}
.lp-page-hoursreports-calculationhours #divCheckAll {
  padding-top: 5px;
  margin-top: 20px;
}

/* Views/HoursReports/ExportSalaryHours.cshtml */
.lp-page-hoursreports-exportsalaryhours .tblReport td {
  border-left: solid 1px black;
}
.lp-page-hoursreports-exportsalaryhours .summary td,
.lp-page-hoursreports-exportsalaryhours .summary th {
  border-bottom: solid 1px black;
  border-right: solid 1px black;
  padding:4px;
}
.lp-page-hoursreports-exportsalaryhours .summary {
  border-top : solid 1px black;
  border-left: solid 1px black;
}

/* Views/HoursReports/GetSalarySpecification.cshtml */
.lp-page-hoursreports-getsalaryspecification .GridHeader {
  padding: 5px;
  height: 25px;
  background-color: #A0A4A6;
  font-size: 11px;
  color: Black;
  font-family: Verdana,Arial;
  text-decoration: none;
}
.lp-page-hoursreports-getsalaryspecification .GridHeader th {
  padding: 5px;
  height: 25px;
  background-color: #A0A4A6;
  font-size: 11px;
  color: Black;
  font-family: Verdana,Arial;
  text-decoration: none;
  vertical-align: middle;
  border-right: 1px solid #A0A4A6;
  border-bottom: 1px solid #A0A4A6;
}
.lp-page-hoursreports-getsalaryspecification .GridHeader td {
  padding: 5px;
  height: 25px;
  background-color: #A0A4A6;
  font-size: 11px;
  color: Black;
  font-family: Verdana,Arial;
  text-decoration: none;
  vertical-align: middle;
  border-right: 1px solid #A0A4A6;
  border-bottom: 1px solid #A0A4A6;
}
.lp-page-hoursreports-getsalaryspecification .AlternatingRowStyle {
  background-color: #F5F5F5;
}
.lp-page-hoursreports-getsalaryspecification .AlternatingRowStyle td {
  border-left: none 0;
  border-right: 1px solid #D8D8D8;
  border-top: none 0;
  border-bottom: 1px solid #D8D8D8;
  font-size: 10px;
  padding: 5px;
}
.lp-page-hoursreports-getsalaryspecification .RowStyle {
  background-color: #FCFCFC;
}
.lp-page-hoursreports-getsalaryspecification .RowStyle td {
  border-left: none 0;
  border-right: 1px solid #D8D8D8;
  border-top: none 0;
  border-bottom: 1px solid #D8D8D8;
  font-size: 10px;
  padding: 5px;
}
.lp-page-hoursreports-getsalaryspecification .divCus {
  position: relative;
  float: left;
  left: 20px;
  border-style: none;
  font-size: 10px;
  -webkit-transform: rotate(290deg);
  -moz-transform: rotate(290deg);
  -ms-transform: rotate(290deg);
  -o-transform: rotate(290deg);
  transform: rotate(290deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  display: inline-block;
  width: 60px;
  height: 100px;
}
.lp-page-hoursreports-getsalaryspecification .lastRow td {
  font-size: 13px;
  font-weight: bold;
}
.lp-page-hoursreports-getsalaryspecification .summary td {
  border: 1px;
  white-space: pre-wrap;
  padding: 2 2 2 2;
  font-size: 12px;
  border: 1px solid black;
}

/* Views/HoursReports/ManhoursReport.cshtml */
.lp-page-hoursreports-manhoursreport .k-edit-form-container {
  position: relative;
  width: 350px !important;
}
.lp-page-hoursreports-manhoursreport .red {
  white-space: nowrap;
  padding: 6px 6px 6px 6px;
  width: 22px;
  background-color: #ff0000 !important;
}
.lp-page-hoursreports-manhoursreport .table > thead > tr > th {
  white-space: nowrap;
}
.lp-page-hoursreports-manhoursreport .green {
  white-space: nowrap;
  padding: 6px 6px 6px 6px;
  width: 22px;
  background-color: #2b9939 !important;
}
.lp-page-hoursreports-manhoursreport .report td {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  max-width: 100px;
}
.lp-page-hoursreports-manhoursreport .reportTtable {
  border: 1px solid black;
  border-right: 0px solid black;
}
.lp-page-hoursreports-manhoursreport .lastRow td {
  border-right: 1px solid black;
}
.lp-page-hoursreports-manhoursreport .Corrected {
  color: Red;
  font-weight: bold;
}
.lp-page-hoursreports-manhoursreport .summary td {
  max-width: 200px;
  min-width: 100px;
  white-space: pre-wrap;
  padding: 2px 2px 2px 2px;
  font-size: 12px;
  border: 1px solid black;
  vertical-align: top;
}
.lp-page-hoursreports-manhoursreport .summaryheader td {
  font-weight: bold;
}
.lp-page-hoursreports-manhoursreport .pull-right a {
  margin-right: 20px;
}
.lp-page-hoursreports-manhoursreport .dropdown-header {
  border-width: 0 0 1px 0;
  text-transform: uppercase;
}
.lp-page-hoursreports-manhoursreport .dropdown-header > span {
  display: inline-block;
  padding: 10px;
}
.lp-page-hoursreports-manhoursreport .selected-value {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-size: 100%;
  margin-right: 5px;
  border-radius: 50%;
}
.lp-page-hoursreports-manhoursreport #SelectedBrugerIds-list .k-item {
  line-height: 1em;
  min-width: 300px;
}
.lp-page-hoursreports-manhoursreport .k-material #SelectedBrugerIds-list .k-item,
.lp-page-hoursreports-manhoursreport .k-material #SelectedBrugerIds-list .k-item.k-hover,
.lp-page-hoursreports-manhoursreport .k-materialblack #SelectedBrugerIds-list .k-item,
.lp-page-hoursreports-manhoursreport .k-materialblack #SelectedBrugerIds-list .k-item.k-hover {
  padding-left: 5px;
  border-left: 0;
}
.lp-page-hoursreports-manhoursreport #SelectedBrugerIds-list .k-item > span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin: 20px 10px 10px 5px;
}
.lp-page-hoursreports-manhoursreport #SelectedBrugerIds-list .k-item > span:first-child {
  -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
  -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
  box-shadow: inset 0 0 30px rgba(0,0,0,.3);
  margin: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.lp-page-hoursreports-manhoursreport #SelectedBrugerIds-list h3 {
  font-size: 1.2em;
  font-weight: normal;
  margin: 0 0 1px 0;
  padding: 0;
}
.lp-page-hoursreports-manhoursreport #SelectedBrugerIds-list p {
  margin: 0;
  padding: 0;
  font-size: .8em;
}

/* Views/Personnel/ActivePersonnel.cshtml, Views/User/Users.cshtml */
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .close {
  position: absolute;
  right: 2px;
  top: 2px;
  color: #000 !important;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .close {
  background-color: white;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .modal-header {
  align-content: center;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-bottom: none !important;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .modal-header {
  margin: auto;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .modal-footer {
  border-top: none !important;
  text-align: center;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .modal-body {
  font-weight: bold;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .modal-content {
  padding-left: 100px;
  padding-left: 50px;
  padding-right: 100px;
  padding-top: 50px;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .btn-getStarted {
  background-color: #389CB4;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 17px;
  text-transform: uppercase;
  color: white;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .btn-getStarted:hover {
  color: white;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .bill-sub-title,
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) currentplan {
  font-size: 16px;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .price {
  background-color: #e8edfb;
  font-size: 16px;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .divbill {
  width: 100%;
  font-weight: bold;
  float: left;
  flex: 1;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .divPlans {
  padding: 4px;
  background-color: #e9e9e9;
}
@media(min-width :992px) {
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .divpricing {
  width: 100%;
  font-weight: bold;
  float: left;
  flex: 1;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .divpricing td {
  padding: 5px;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .divpricing {
  align-items: flex-end;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .divpricing td {
  border: 1px solid #000;
}
:is(.lp-page-personnel-activepersonnel, .lp-page-user-users) .plan-title {
  background-color: #170855;
  color: white;
  text-align: center;
  text-transform: uppercase;
}

/* Views/Personnel/NewPersonnel.cshtml */
.lp-page-personnel-newpersonnel .close {
  position: absolute;
  right: 2px;
  top: 2px;
  color: #000 !important;
}
.lp-page-personnel-newpersonnel .btn-default,
.lp-page-personnel-newpersonnel .btn-default:hover {
  background-color: #083554;
  color: white;
}
.lp-page-personnel-newpersonnel .close {
  background-color: white;
}
.lp-page-personnel-newpersonnel .paddingtop {
  padding-top: 10px;
}
.lp-page-personnel-newpersonnel .modal-header {
  align-content: center;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-bottom: none !important;
}
.lp-page-personnel-newpersonnel .modal-header {
  margin: auto;
}
.lp-page-personnel-newpersonnel .modal-footer {
  border-top: none !important;
  text-align: center;
}
.lp-page-personnel-newpersonnel .modal-body {
  font-weight: bold;
}
.lp-page-personnel-newpersonnel .modal-content {
  padding-left: 100px;
  padding-left: 50px;
  padding-right: 100px;
  padding-top: 50px;
}
.lp-page-personnel-newpersonnel #divform {
  max-width: 1180px;
  margin: 0 auto 28px;
  padding: 22px 26px 28px;
  background: #fff;
  border: 1px solid #e6e9ef;
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
}
.lp-page-personnel-newpersonnel #divform .panel-heading {
  background: var(--lp-surface-alt) !important;
  border: 1px solid var(--lp-border) !important;
  border-radius: var(--lp-radius-xl) var(--lp-radius-xl) 0 0;
  padding: 14px 16px !important;
  margin: 20px 0 12px;
  box-shadow: none;
}
.lp-page-personnel-newpersonnel #divform .panel-heading .panel-title,
.lp-page-personnel-newpersonnel #divform .panel-heading h3 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--lp-text-strong) !important;
}
.lp-page-personnel-newpersonnel #divform .filterlable {
  display: block;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 700;
  color: var(--lp-text-muted);
}
.lp-page-personnel-newpersonnel #divform .col-md-4,
.lp-page-personnel-newpersonnel #divform .col-md-3,
.lp-page-personnel-newpersonnel #divform .col-md-11,
.lp-page-personnel-newpersonnel #divform .col-md-12 {
  margin-bottom: 16px;
}
.lp-page-personnel-newpersonnel #divform .form-group.clearfix {
  margin-bottom: 2px;
}
.lp-page-personnel-newpersonnel #divform .k-input,
.lp-page-personnel-newpersonnel #divform .k-picker {
  border-radius: 10px;
  min-height: 38px;
}
.lp-page-personnel-newpersonnel #divform textarea.k-textbox {
  border-radius: 10px;
  min-height: 80px;
  padding: 10px 12px;
}
.lp-page-personnel-newpersonnel #divform .btn.bttn2 {
  margin-top: 7px;
  font-size: 12px;
  padding: 5px 11px;
  border-radius: 6px;
}
.lp-page-personnel-newpersonnel #divform .submitFrom {
  margin-top: 18px;
}
.lp-page-personnel-newpersonnel #divform .required:not(.k-invalid),
.lp-page-personnel-newpersonnel #divform [required]:not(.k-invalid) {
  border-color: var(--lp-border, #e2e8f0) !important;
}
.lp-page-personnel-newpersonnel #divform .k-invalid,
.lp-page-personnel-newpersonnel #divform .k-input:has(.k-invalid),
.lp-page-personnel-newpersonnel #divform .k-picker:has(.k-invalid) {
  border-color: #ef4444 !important;
}
.lp-page-personnel-newpersonnel #divform .col-md-4:has(.required) .filterlable::after,
.lp-page-personnel-newpersonnel #divform .col-md-4:has([required]) .filterlable::after,
.lp-page-personnel-newpersonnel #divform .col-md-3:has(.required) .filterlable::after,
.lp-page-personnel-newpersonnel #divform .col-md-3:has([required]) .filterlable::after {
  content: " *";
  color: #e11d48;
  font-weight: 700;
}
.lp-page-personnel-newpersonnel #divform .k-input,
.lp-page-personnel-newpersonnel #divform .k-picker,
.lp-page-personnel-newpersonnel #divform input.k-textbox {
  min-height: 40px;
  border-color: var(--lp-border, #e2e8f0);
  transition: border-color .15s, box-shadow .15s;
}
.lp-page-personnel-newpersonnel #divform .k-input:hover,
.lp-page-personnel-newpersonnel #divform .k-picker:hover {
  border-color: var(--lp-border-strong, #cbd5e1);
}
.lp-page-personnel-newpersonnel #divform .k-input:focus-within,
.lp-page-personnel-newpersonnel #divform .k-picker:focus-within,
.lp-page-personnel-newpersonnel #divform .k-focus,
.lp-page-personnel-newpersonnel #divform input.k-textbox:focus,
.lp-page-personnel-newpersonnel #divform textarea.k-textbox:focus {
  border-color: var(--lp-color1, #0c66e4) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--lp-color1, #0c66e4) 16%, transparent) !important;
  outline: none;
}
.lp-page-personnel-newpersonnel #divform .col-md-4:has(#FileUpload) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.lp-page-personnel-newpersonnel #divform .col-md-4:has(#FileUpload) > .filterlable {
  flex: 0 0 100%;
  margin-bottom: 4px;
}
.lp-page-personnel-newpersonnel #divform .col-md-4:has(#FileUpload) > img {
  flex: 0 0 auto;
  border: 1px solid #e6e9ef;
  border-radius: 6px;
}
.lp-page-personnel-newpersonnel #divform .col-md-4:has(#FileUpload) .k-upload {
  flex: 1 1 auto;
  min-width: 0;
}
.lp-page-personnel-newpersonnel #divform .col-md-4:has(#FileUpload) .k-dropzone {
  flex-wrap: nowrap;
}
.lp-page-personnel-newpersonnel #divform .col-md-4:has(#FileUpload) .k-dropzone-hint {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lp-page-personnel-newpersonnel #divform .form-group.clearfix:has(#SelectedJobStatusCode) {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

/* Views/Personnel/OtHours.cshtml */
.lp-page-personnel-othours .icon-button .edit {
  display: none !important;
}
.lp-page-personnel-othours bttn-collapse-delete .delete {
  display: none !important;
}
.lp-page-personnel-othours .k-grid-add {
  display: none !important;
}

/* Views/Personnel/PersonnelExperience.cshtml */
.lp-page-personnel-personnelexperience .filterlable {
  width: 300px;
}
.lp-page-personnel-personnelexperience .k-grid-toolbar {
  display : none;
}

/* Views/Personnel/PersonnelLanguageSkills.cshtml, Views/TypesTranslation/GetSkillLevel.cshtml */
:is(.lp-page-personnel-personnellanguageskills, .lp-page-typestranslation-getskilllevel) .filterlable {
  width: 300px;
}

/* Views/ProjectPersonnelOrder/YesNo.cshtml */
.lp-page-projectpersonnelorder-yesno .buttongreen {
  background-color: #00ff00;
}
.lp-page-projectpersonnelorder-yesno .buttonred {
  background-color: #ff0000;
}

/* Views/Rekvisition/RekviDetails.cshtml */
.lp-page-rekvisition-rekvidetails .status_btn {
  white-space: nowrap;
  padding: 2px 16px 2px 16px;
  border-radius: 4px;
  margin: 3px;
}
.lp-page-rekvisition-rekvidetails #pickfromstock1 td,
.lp-page-rekvisition-rekvidetails .k-grid-header th.k-header > .k-link {
  
}
.lp-page-rekvisition-rekvidetails #grid input:not(.Quantity),
.lp-page-rekvisition-rekvidetails .PickFromStockDate {
  width: 100%;
}
.lp-page-rekvisition-rekvidetails .qntcol {
  padding: 10px 0px 10px 0px;
}
.lp-page-rekvisition-rekvidetails .qntcol input {
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-rekvisition-rekvidetails .k-grid td:not(.qntcol) {
  padding: 10px 5px 10px 5px !important;
}
.lp-page-rekvisition-rekvidetails .Quantity {
  width: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-rekvisition-rekvidetails .k-filter-row th,
.lp-page-rekvisition-rekvidetails .k-grid-header th.k-header {
  white-space: pre-wrap !important;
}
.lp-page-rekvisition-rekvidetails .ItemName {
  min-width: 200px;
}
.lp-page-rekvisition-rekvidetails .ItemNumber {
  max-width: 300px;
}
.lp-page-rekvisition-rekvidetails .ItemUnit {
  max-width: 100px;
}
.lp-page-rekvisition-rekvidetails .PickFromStockDate {
  min-width: 85px;
}
@media (max-width: 812px) {
  .lp-page-rekvisition-rekvidetails .pickup_div {
    margin-left: -30px;
    margin-right: 0px;
    position: absolute;
    padding: 0px;
  }
}

/* Views/Rekvisition/Rekvisition.cshtml, Views/Rekvisition/RekvisitionFor.cshtml */
:is(.lp-page-rekvisition-rekvisition, .lp-page-rekvisition-rekvisitionfor) .status_btn {
  white-space:nowrap;
  padding: 2px 16px 2px 16px;
  border-radius: 4px;
  margin: 3px;
}

/* Views/Rekvisition/StatusCodes.cshtml, Views/SelectStatus/SelectDeductionStatusCodess.cshtml, Views/SelectStatus/SelectOrderStatus.cshtml, Views/SelectStatus/SelectPersonnelAcceptedStatusCodes.cshtml, Views/SelectStatus/SelectTravelBookingStatus.cshtml */
:is(.lp-page-rekvisition-statuscodes, .lp-page-selectstatus-selectdeductionstatuscodess, .lp-page-selectstatus-selectorderstatus, .lp-page-selectstatus-selectpersonnelacceptedstatuscodes, .lp-page-selectstatus-selecttravelbookingstatus) .tabletd {
  padding: 10px 20px 10px 20px;
  border-radius: 4px;
  text-align: center;
}

/* Views/Remarks/Remarks.cshtml, Views/Tools/ShowBuyatSellat.cshtml */
:is(.lp-page-remarks-remarks, .lp-page-tools-showbuyatsellat) .k-grid-toolbar {
  display: none;
}
:is(.lp-page-remarks-remarks, .lp-page-tools-showbuyatsellat) .k-dropdown {
  margin-top:0px !important;
  position:absolute;
}

/* Views/Reports/CarsBookingPeriodReport.cshtml */
.lp-page-reports-carsbookingperiodreport .red {
  color: red;
}
.lp-page-reports-carsbookingperiodreport .pull-right.clickable :hover {
  text-decoration:none;
}
.lp-page-reports-carsbookingperiodreport .pull-right.clickable :focus {
  text-decoration: none;
}
.lp-page-reports-carsbookingperiodreport .Anonymiztrue {
  display: none;
}
.lp-page-reports-carsbookingperiodreport .filterselect {
  cursor: pointer;
}
.lp-page-reports-carsbookingperiodreport #Search_SearchName,
.lp-page-reports-carsbookingperiodreport .DefaultSearch {
  width: 300px;
  float: left;
  display: inline;
}
.lp-page-reports-carsbookingperiodreport .plus,
.lp-page-reports-carsbookingperiodreport .minus {
  font-size: 20px;
  margin-bottom: 20px;
}
.lp-page-reports-carsbookingperiodreport .collapse-body {
  margin-right: 10px;
  letter-spacing: -3px;
  vertical-align: middle;
}
.lp-page-reports-carsbookingperiodreport .collapse-body:before {
  content: "---";
}
.lp-page-reports-carsbookingperiodreport .expand-body:before {
  content: "+";
}
.lp-page-reports-carsbookingperiodreport .expand-body {
  margin-right: 10px;
}
.lp-page-reports-carsbookingperiodreport .collapse-body .plus {
  display: none;
}
.lp-page-reports-carsbookingperiodreport .collapse-body .minus {
  display: block;
}
.lp-page-reports-carsbookingperiodreport .expand-body .plus {
  display: block;
}
.lp-page-reports-carsbookingperiodreport .expand-body .minus {
  display: none;
}
.lp-page-reports-carsbookingperiodreport .gridexcelbtn {
  display: none;
}

/* Views/Reports/MachineHours.cshtml */
.lp-page-reports-machinehours h3 {
  font-size: 16px;
  display: inline;
  cursor: pointer;
}
.lp-page-reports-machinehours .panel-heading2 {
  margin-top: 0;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.lp-page-reports-machinehours .hide2 {
  display: none;
}
.lp-page-reports-machinehours .panel-title {
  cursor: pointer;
}
.lp-page-reports-machinehours .clickable2 {
  font-size: 20px;
  color: #fff;
  padding: 8px 5px 5px 5px;
  margin-top: -10px;
  border: 0px solid #fff;
  margin-right: -14px;
}
.lp-page-reports-machinehours .padding5 {
  padding-top: 5px;
}
.lp-page-reports-machinehours .internal {
  text-decoration: none;
  color: #000;
}
.lp-page-reports-machinehours .internal:before {
  content: "\002B";
  font-weight: 900;
  padding-left: 5px;
}
.lp-page-reports-machinehours .internal.expanded2:before {
  content: "\002D";
}

/* Views/Suppliers/Supplierlist.cshtml */
.lp-page-suppliers-supplierlist .Anonymiztrue {
  display:none;
}

/* Views/Test/BarcodeScan.cshtml */
.lp-page-test-barcodescan .styled-table {
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  font-family: sans-serif;
  min-width: 400px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.lp-page-test-barcodescan .styled-table thead tr {
  background-color: #009879;
  color: #ffffff;
  text-align: left;
}
.lp-page-test-barcodescan .styled-table th,
.lp-page-test-barcodescan .styled-table td {
  padding: 12px 15px;
}
.lp-page-test-barcodescan .styled-table tbody tr {
  border-bottom: 1px solid #dddddd;
}
.lp-page-test-barcodescan .styled-table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}
.lp-page-test-barcodescan .styled-table tbody tr:last-of-type {
  border-bottom: 2px solid #009879;
}
.lp-page-test-barcodescan .styled-table tbody tr.active-row {
  font-weight: bold;
  color: #009879;
}

/* Views/Test/Design.cshtml */
.lp-page-test-design .demo-section {
  margin-bottom: 32px;
}
.lp-page-test-design .demo-section > h2 {
  font-family: var(--lp-font-heading);
  font-size: 16px;
  font-weight: 600;
  color: var(--lp-text-strong);
  border-bottom: 1px solid var(--lp-border);
  padding-bottom: 6px;
  margin: 0 0 16px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.lp-page-test-design .demo-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.lp-page-test-design .demo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}
.lp-page-test-design .demo-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--lp-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}
.lp-page-test-design .swatch {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}
.lp-page-test-design .swatch-block {
  width: 100%;
  height: 60px;
  border-radius: var(--lp-radius);
  border: 1px solid var(--lp-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--lp-font-heading);
  font-weight: 600;
  font-size: 12px;
}
.lp-page-test-design .swatch code {
  font-size: 11px;
  color: var(--lp-text-muted);
  font-family: 'Menlo', 'Consolas', monospace;
}
.lp-page-test-design .density-example table {
  width: 100%;
  border-collapse: collapse;
}
.lp-page-test-design .density-example th,
.lp-page-test-design .density-example td {
  padding: var(--lp-row-py) 12px;
  font-size: var(--lp-row-fs);
  border-bottom: 1px solid var(--lp-border);
  text-align: left;
}
.lp-page-test-design .density-example thead th {
  background: var(--lp-surface-alt);
  color: var(--lp-text-strong);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Views/Test/Index.cshtml */
.lp-page-test-index input.toggle-round {
  display: none;
}
.lp-page-test-index input.toggle-round + label {
  display: block;
  position: relative;
  cursor: pointer;
}
.lp-page-test-index input.toggle-round + label {
  padding: 1px;
  width: 50px;
  height: 25px;
  background-color: #f00;
  border-radius: 50px;
  border: 1px solid #ccc;
}
.lp-page-test-index input.toggle-round + label:after {
  display: block;
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 100%;
  box-shadow: 0 2px 3px #888;
  transition: margin 0.5s;
}
.lp-page-test-index input.toggle-round:checked + label {
  background-color: #4cff00;
}
.lp-page-test-index input.toggle-round:checked + label:after {
  margin-left: 27px;
}

/* Views/Test/Test.cshtml */

/* Views/Todos/TodosAnnualReport.cshtml */
.lp-page-todos-todosannualreport td {
  padding: 5px;
  align-content: center;
}

/* Views/Tools/AddPcsToStock.cshtml */
.lp-page-tools-addpcstostock #pickfromstock1 td,
.lp-page-tools-addpcstostock .k-grid-header th.k-header > .k-link {
  
}
.lp-page-tools-addpcstostock #grid input:not(.Quantity),
.lp-page-tools-addpcstostock .PickFromStockDate {
  width: 100%;
}
.lp-page-tools-addpcstostock .qntcol {
  padding: 10px 0px 10px 0px;
}
.lp-page-tools-addpcstostock .qntcol input {
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-tools-addpcstostock .k-grid td:not(.qntcol) {
  padding: 10px 5px 10px 5px !important;
}
.lp-page-tools-addpcstostock .Quantity {
  width: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-tools-addpcstostock .k-filter-row th,
.lp-page-tools-addpcstostock .k-grid-header th.k-header {
  white-space: pre-wrap !important;
}
.lp-page-tools-addpcstostock .ItemName {
  min-width: 200px;
}
.lp-page-tools-addpcstostock .ItemNumber {
  max-width: 300px;
}
.lp-page-tools-addpcstostock .ItemUnit {
  max-width: 100px;
}
.lp-page-tools-addpcstostock .PickFromStockDate {
  min-width: 85px;
}
.lp-page-tools-addpcstostock .Remarks {
  min-width: 200px;
}
@media (max-width: 812px) {
  .lp-page-tools-addpcstostock .pickup_div {
    margin-left: -30px;
    margin-right: 0px;
    position: absolute;
    padding: 0px;
  }
}

/* Views/Tools/AddWareHouse.cshtml */
.lp-page-tools-addwarehouse .image-buttons {
  margin-left: -10px !important;
}

/* Views/Tools/Barcodescan.cshtml */
.lp-page-tools-barcodescan #pickfromstock1 td,
.lp-page-tools-barcodescan .k-grid-header th.k-header > .k-link {
  
}
.lp-page-tools-barcodescan #grid input:not(.Quantity),
.lp-page-tools-barcodescan .PickFromStockDate {
  width: 100%;
}
.lp-page-tools-barcodescan .qntcol {
  padding: 10px 0px 10px 0px;
}
.lp-page-tools-barcodescan .qntcol input {
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-tools-barcodescan .k-grid td:not(.qntcol) {
  padding: 10px 5px 10px 5px !important;
}
.lp-page-tools-barcodescan .Quantity {
  width: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-tools-barcodescan .k-filter-row th,
.lp-page-tools-barcodescan .k-grid-header th.k-header {
  white-space: pre-wrap !important;
}
.lp-page-tools-barcodescan .ItemName {
  min-width: 200px;
}
.lp-page-tools-barcodescan .ItemNumber {
  max-width: 300px;
}
.lp-page-tools-barcodescan .ItemUnit {
  max-width: 100px;
}
.lp-page-tools-barcodescan .PickFromStockDate {
  min-width: 85px;
}
@media (max-width: 812px) {
  .lp-page-tools-barcodescan .pickup_div {
    margin-left: -30px;
    margin-right: 0px;
    position: absolute;
    padding: 0px;
  }
}

/* Views/Tools/CreateToolBox.cshtml */
.lp-page-tools-createtoolbox #pickfromstock1 td,
.lp-page-tools-createtoolbox .k-grid-header th.k-header > .k-link {
  
}
.lp-page-tools-createtoolbox #gridCreateToolBox input:not(.Quantity),
.lp-page-tools-createtoolbox .PickFromStockDate {
  width: 100%;
}
.lp-page-tools-createtoolbox .qntcol {
  padding: 10px 0px 10px 0px;
}
.lp-page-tools-createtoolbox .qntcol input {
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-tools-createtoolbox .k-grid td:not(.qntcol) {
  padding: 10px 5px 10px 5px !important;
}
.lp-page-tools-createtoolbox .Quantity {
  width: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-tools-createtoolbox .k-filter-row th,
.lp-page-tools-createtoolbox .k-grid-header th.k-header {
  white-space: pre-wrap !important;
}
.lp-page-tools-createtoolbox .ItemName {
  min-width: 200px;
}
.lp-page-tools-createtoolbox .ItemNumber {
  max-width: 300px;
}
.lp-page-tools-createtoolbox .ItemUnit {
  max-width: 100px;
}
.lp-page-tools-createtoolbox .PickFromStockDate {
  min-width: 85px;
}
@media (max-width: 812px) {
  .lp-page-tools-createtoolbox .pickup_div {
    margin-left: -30px;
    margin-right: 0px;
    position: absolute;
    padding: 0px;
  }
}

/* Views/Tools/ItemProfile.cshtml */
.lp-page-tools-itemprofile .lp-fullprofile__card--wide {
  grid-column: 1 / -1;
}

/* Views/Tools/ItemsReserved.cshtml */
.lp-page-tools-itemsreserved #pickfromstock1 td,
.lp-page-tools-itemsreserved .k-grid-header th.k-header > .k-link {
  
}
.lp-page-tools-itemsreserved #gridItemsReserved input:not(.Quantity),
.lp-page-tools-itemsreserved .PickFromStockDate {
  width: 100%;
}
.lp-page-tools-itemsreserved .qntcol {
  padding: 10px 0px 10px 0px;
}
.lp-page-tools-itemsreserved .qntcol input {
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-tools-itemsreserved .k-grid td:not(.qntcol) {
  padding: 10px 5px 10px 5px !important;
}
.lp-page-tools-itemsreserved .Quantity {
  width: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-tools-itemsreserved .k-filter-row th,
.lp-page-tools-itemsreserved .k-grid-header th.k-header {
  white-space: pre-wrap !important;
}
.lp-page-tools-itemsreserved .ItemName {
  min-width: 200px;
}
.lp-page-tools-itemsreserved .ItemNumber {
  max-width: 300px;
}
.lp-page-tools-itemsreserved .ItemUnit {
  max-width: 100px;
}
.lp-page-tools-itemsreserved .ItemWeight {
  max-width: 100px;
}
.lp-page-tools-itemsreserved .PickFromStockDate {
  min-width: 85px;
}
.lp-page-tools-itemsreserved .Remarks {
  min-width: 200px;
}
@media (max-width: 812px) {
  .lp-page-tools-itemsreserved .pickup_div {
    margin-left: -30px;
    margin-right: 0px;
    position: absolute;
    padding: 0px;
  }
}

/* Views/Tools/MovePickStock.cshtml */
.lp-page-tools-movepickstock #pickfromstock1 td,
.lp-page-tools-movepickstock .k-grid-header th.k-header > .k-link {
  
}
.lp-page-tools-movepickstock #grid input:not(.Quantity),
.lp-page-tools-movepickstock .PickFromStockDate {
  width: 100%;
}
.lp-page-tools-movepickstock .MoveHeader_1 {
  white-space: nowrap;
  font-weight: bold;
  padding: 6px 310px 6px 16px;
}
.lp-page-tools-movepickstock .MoveHeader_2 {
  white-space: nowrap;
  font-weight: bold;
  padding: 6px 400px 6px 16px;
}
.lp-page-tools-movepickstock .qntcol {
  padding: 10px 0px 10px 0px;
}
.lp-page-tools-movepickstock .qntcol input {
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-tools-movepickstock .k-grid td:not(.qntcol) {
  padding: 10px 5px 10px 5px !important;
}
.lp-page-tools-movepickstock .Quantity {
  width: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-tools-movepickstock .k-filter-row th,
.lp-page-tools-movepickstock .k-grid-header th.k-header {
  white-space: pre-wrap !important;
}
.lp-page-tools-movepickstock .ItemName {
  min-width: 200px;
}
.lp-page-tools-movepickstock .ItemNumber {
  max-width: 300px;
}
.lp-page-tools-movepickstock .ItemUnit {
  max-width: 100px;
}
.lp-page-tools-movepickstock .PickFromStockDate {
  min-width: 85px;
}
@media (max-width: 812px) {
  .lp-page-tools-movepickstock .pickup_div {
    margin-left: -30px;
    margin-right: 0px;
    position: absolute;
    padding: 0px;
  }
}

/* Views/Tools/RegisterItemsInUse.cshtml */
.lp-page-tools-registeritemsinuse #pickfromstock1 td,
.lp-page-tools-registeritemsinuse .k-grid-header th.k-header > .k-link {
  
}
.lp-page-tools-registeritemsinuse #gridRegisterItemsInUse input:not(.Quantity),
.lp-page-tools-registeritemsinuse .PickFromStockDate {
  width: 100%;
}
.lp-page-tools-registeritemsinuse .k-grid td:not(.qntcol) {
  padding: 10px 5px 10px 5px !important;
}
.lp-page-tools-registeritemsinuse .Quantity {
  width: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-tools-registeritemsinuse .k-filter-row th,
.lp-page-tools-registeritemsinuse .k-grid-header th.k-header {
  white - space: pre - wrap !important;
}
.lp-page-tools-registeritemsinuse .ItemName {
  min-width: 200px;
}
.lp-page-tools-registeritemsinuse .ItemNumber {
  max-width: 300px;
}
.lp-page-tools-registeritemsinuse .ItemUnit {
  max-width: 100px;
}
.lp-page-tools-registeritemsinuse .Remarks {
  min-width: 200px;
}
@media(max-width: 812px) {
  .lp-page-tools-registeritemsinuse .pickup_div {
    margin - left: -30px;
    margin - right: 0px;
    position: absolute;
    padding: 0px;
  }
}

/* Views/Tools/ReturnAsDefect.cshtml */
.lp-page-tools-returnasdefect #pickfromstock1 td,
.lp-page-tools-returnasdefect .k-grid-header th.k-header > .k-link {
  
}
.lp-page-tools-returnasdefect #grid input:not(.Quantity),
.lp-page-tools-returnasdefect .PickFromStockDate {
  width: 100%;
}
.lp-page-tools-returnasdefect .qntcol {
  padding: 10px 0px 10px 0px;
}
.lp-page-tools-returnasdefect .qntcol input {
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-tools-returnasdefect .k-grid td:not(.qntcol) {
  padding: 10px 5px 10px 5px !important;
}
.lp-page-tools-returnasdefect .Quantity {
  width: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-tools-returnasdefect .k-filter-row th,
.lp-page-tools-returnasdefect .k-grid-header th.k-header {
  white-space: pre-wrap !important;
}
.lp-page-tools-returnasdefect .ItemName {
  min-width: 200px;
}
.lp-page-tools-returnasdefect .ItemNumber {
  max-width: 300px;
}
.lp-page-tools-returnasdefect .ItemUnit {
  max-width: 100px;
}
.lp-page-tools-returnasdefect .ItemWeight {
  max-width: 100px;
}
.lp-page-tools-returnasdefect .Remarks {
  min-width: 200px;
}
.lp-page-tools-returnasdefect .PickFromStockDate {
  min-width: 85px;
}
@media (max-width: 812px) {
  .lp-page-tools-returnasdefect .pickup_div {
    margin-left: -30px;
    margin-right: 0px;
    position: absolute;
    padding: 0px;
  }
}

/* Views/ToolsGPSlocations/Index.cshtml */
.lp-page-toolsgpslocations-index .addressdiv {
  display: block;
  height: 20px;
}
.lp-page-toolsgpslocations-index #checks {
  position: relative;
  z-index: 999999;
}

/* Views/ToolsUsed/ToolsUsedReport.cshtml */
.lp-page-toolsused-toolsusedreport .red {
  color: red;
}
.lp-page-toolsused-toolsusedreport .Anonymiztrue {
  display: none;
}
.lp-page-toolsused-toolsusedreport .filterselect {
  cursor: pointer;
}
.lp-page-toolsused-toolsusedreport #Search_SearchName,
.lp-page-toolsused-toolsusedreport .DefaultSearch {
  width: 300px;
  float: left;
  display: inline;
}
.lp-page-toolsused-toolsusedreport .plus,
.lp-page-toolsused-toolsusedreport .minus {
  font-size: 20px;
  margin-bottom: 20px;
}
.lp-page-toolsused-toolsusedreport .collapse-body {
  margin-right: 10px;
  letter-spacing: -3px;
  vertical-align: middle;
}
.lp-page-toolsused-toolsusedreport .collapse-body:before {
  content: "---";
}
.lp-page-toolsused-toolsusedreport .expand-body:before {
  content: "+";
}
.lp-page-toolsused-toolsusedreport .expand-body {
  margin-right: 10px;
}
.lp-page-toolsused-toolsusedreport .collapse-body .plus {
  display: none;
}
.lp-page-toolsused-toolsusedreport .collapse-body .minus {
  display: block;
}
.lp-page-toolsused-toolsusedreport .expand-body .plus {
  display: block;
}
.lp-page-toolsused-toolsusedreport .expand-body .minus {
  display: none;
}
.lp-page-toolsused-toolsusedreport .gridexcelbtn {
  display: none;
}

/* Views/User/AddUser.cshtml */
.lp-page-user-adduser .close {
  position: absolute;
  right: 2px;
  top: 2px;
  color: #000 !important;
}
.lp-page-user-adduser .btn-default,
.lp-page-user-adduser .btn-default:hover {
  background-color: #083554;
  color: white;
}
.lp-page-user-adduser .close {
  background-color: white;
}
.lp-page-user-adduser .modal-header {
  align-content: center;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-bottom: none !important;
}
.lp-page-user-adduser .modal-header {
  margin: auto;
}
.lp-page-user-adduser .modal-footer {
  border-top: none !important;
  text-align: center;
}
.lp-page-user-adduser .modal-body {
  font-weight: bold;
}
.lp-page-user-adduser .modal-content {
  padding-left: 100px;
  padding-left: 50px;
  padding-right: 100px;
  padding-top: 50px;
}

/* Views/WhatsApp/Admin.cshtml */
.lp-page-whatsapp-admin .wa-boards-hd {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin: 8px 0 12px;
}
.lp-page-whatsapp-admin .wa-boards-hd h3 {
  margin:0;
  font-size: 15px;
}
.lp-page-whatsapp-admin .wa-boards {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.lp-page-whatsapp-admin .wa-boards th,
.lp-page-whatsapp-admin .wa-boards td {
  padding: 8px 10px;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  font-size: 13px;
}
.lp-page-whatsapp-admin .wa-boards th {
  background: #f8fafc;
  font-weight: 600;
  color: #334155;
}
.lp-page-whatsapp-admin .wa-boards tr.is-default td {
  background: #ecfeff;
}
.lp-page-whatsapp-admin .wa-dot {
  display:inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: middle;
  background:#94a3b8;
}
.lp-page-whatsapp-admin .wa-badge {
  display:inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background:#e2e8f0;
  color:#475569;
}
.lp-page-whatsapp-admin .wa-badge.wa-badge--ok {
  background:#dcfce7;
  color:#166534;
}
.lp-page-whatsapp-admin .wa-badge.wa-badge--warn {
  background:#fef3c7;
  color:#92400e;
}
.lp-page-whatsapp-admin .wa-badge.wa-badge--err {
  background:#fee2e2;
  color:#991b1b;
}
.lp-page-whatsapp-admin .wa-actions {
  white-space: nowrap;
}
.lp-page-whatsapp-admin .wa-actions a {
  margin-right: 10px;
  font-size: 12px;
  color: #1e6ee6;
  text-decoration: none;
  cursor: pointer;
}
.lp-page-whatsapp-admin .wa-actions a:hover {
  text-decoration: underline;
}
.lp-page-whatsapp-admin .wa-actions a.wa-danger {
  color: #b91c1c;
}
.lp-page-whatsapp-admin .wa-boardform {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 14px;
  max-width: 780px;
}
.lp-page-whatsapp-admin .wa-boardform label {
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  display: block;
  margin-bottom: 3px;
}
.lp-page-whatsapp-admin .wa-boardform input,
.lp-page-whatsapp-admin .wa-boardform select,
.lp-page-whatsapp-admin .wa-boardform textarea {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 13px;
  font-family: inherit;
}
.lp-page-whatsapp-admin .wa-boardform .full {
  grid-column: 1 / -1;
}
.lp-page-whatsapp-admin .wa-newbtn {
  background:#0f766e;
  color:white;
  border:0;
  padding:6px 12px;
  border-radius:6px;
  cursor:pointer;
  font-size:13px;
}
.lp-page-whatsapp-admin .wa-newbtn:hover {
  background:#0d5f57;
}
.lp-page-whatsapp-admin .wa-newbtn.secondary {
  background:#e2e8f0;
  color:#334155;
}
.lp-page-whatsapp-admin .wa-newbtn.secondary:hover {
  background:#cbd5e1;
}
.lp-page-whatsapp-admin .wa-form-actions {
  grid-column: 1 / -1;
  display:flex;
  gap: 8px;
  justify-content:flex-end;
  margin-top: 8px;
}

/* Views/WhatsApp/Dashboard.cshtml */
.lp-page-whatsapp-dashboard .wa-boardtabs {
  display: flex;
  align-items: stretch;
  gap: 4px;
  overflow-x: auto;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 10px;
  padding: 0 2px;
}
.lp-page-whatsapp-dashboard .wa-boardtab {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}
.lp-page-whatsapp-dashboard .wa-boardtab:hover {
  color: #334155;
}
.lp-page-whatsapp-dashboard .wa-boardtab.is-active {
  color: var(--tab-color, #0f766e);
  border-bottom-color: var(--tab-color, #0f766e);
}
.lp-page-whatsapp-dashboard .wa-boardtab .wa-tab-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--tab-color, #94a3b8);
}
.lp-page-whatsapp-dashboard .wa-boardtab .wa-tab-unread {
  display: inline-block;
  min-width: 18px;
  padding: 0 6px;
  height: 18px;
  line-height: 18px;
  border-radius: 9px;
  background: #ef4444;
  color: #fff;
  font-size: 11px;
  text-align: center;
}
.lp-page-whatsapp-dashboard .wa-boardtab.is-all .wa-tab-dot {
  background: #94a3b8;
}

/* Views/WhatsApp/SendBulk.cshtml */
.lp-page-whatsapp-sendbulk .wab-wrap {
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  font-family:var(--brand-font);
  font-size:var(--lp-body-font-size,14px);
}
.lp-page-whatsapp-sendbulk .wab-col {
  flex:1 1 360px;
  min-width:300px;
}
.lp-page-whatsapp-sendbulk .wab-card {
  border:1px solid var(--border-color,#e5e7eb);
  border-radius:10px;
  background:#fff;
}
.lp-page-whatsapp-sendbulk .wab-card h3 {
  margin:0;
  padding:12px 14px;
  border-bottom:1px solid var(--border-color,#e5e7eb);
  font-size:15px;
}
.lp-page-whatsapp-sendbulk .wab-body {
  padding:14px;
}
.lp-page-whatsapp-sendbulk .wab-recips {
  max-height:420px;
  overflow:auto;
}
.lp-page-whatsapp-sendbulk .wab-recip {
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 14px;
  border-bottom:1px solid #f1f5f9;
  font-size:14px;
}
.lp-page-whatsapp-sendbulk .wab-recip:last-child {
  border-bottom:0;
}
.lp-page-whatsapp-sendbulk .wab-recip .nm {
  font-weight:600;
}
.lp-page-whatsapp-sendbulk .wab-recip .mob {
  color:var(--text-muted,#626f84);
  margin-left:auto;
  font-variant-numeric:tabular-nums;
}
.lp-page-whatsapp-sendbulk .wab-head-row {
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-bottom:1px solid var(--border-color,#e5e7eb);
  background:var(--search-bg,#f7f8f9);
  font-size:14px;
}
.lp-page-whatsapp-sendbulk .wab-field {
  margin-bottom:12px;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.lp-page-whatsapp-sendbulk .wab-field label {
  font-weight:600;
  font-size:14px;
}
.lp-page-whatsapp-sendbulk .wab-field textarea,
.lp-page-whatsapp-sendbulk .wab-field select {
  border:1px solid var(--border-color,#e5e7eb);
  border-radius:8px;
  padding:9px 12px;
  font-size:15px;
  font-family:inherit;
}
.lp-page-whatsapp-sendbulk .wab-field textarea {
  min-height:120px;
  resize:vertical;
}
.lp-page-whatsapp-sendbulk .wab-note {
  font-size:13px;
  color:var(--text-muted,#626f84);
}
.lp-page-whatsapp-sendbulk .wab-actions {
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:8px;
}
.lp-page-whatsapp-sendbulk .wab-send {
  height:40px;
  border:0;
  border-radius:8px;
  background:var(--accent-blue,#0c66e4);
  color:var(--accent-blue-fg,#fff);
  padding:0 20px;
  font-weight:600;
  cursor:pointer;
}
.lp-page-whatsapp-sendbulk .wab-send:disabled {
  opacity:.5;
  cursor:default;
}
.lp-page-whatsapp-sendbulk .wab-result {
  margin-top:12px;
  font-size:14px;
}
.lp-page-whatsapp-sendbulk .wab-result .ok {
  color:#166534;
  font-weight:600;
}
.lp-page-whatsapp-sendbulk .wab-result .err {
  color:#b91c1c;
}
.lp-page-whatsapp-sendbulk .wab-warn {
  margin-bottom:12px;
  padding:10px 12px;
  border:1px solid #f5c2c7;
  background:#fff3cd;
  color:#664d03;
  border-radius:8px;
  font-size:14px;
}
.lp-page-whatsapp-sendbulk .wab-vars {
  margin-bottom:12px;
}
.lp-page-whatsapp-sendbulk .wab-vars-head {
  font-weight:600;
  font-size:14px;
  margin-bottom:6px;
}
.lp-page-whatsapp-sendbulk .wab-var {
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
}
.lp-page-whatsapp-sendbulk .wab-var-tag {
  flex:0 0 auto;
  min-width:42px;
  font-variant-numeric:tabular-nums;
  font-weight:600;
  color:var(--accent-blue,#0c66e4);
}
.lp-page-whatsapp-sendbulk .wab-var select,
.lp-page-whatsapp-sendbulk .wab-var input {
  border:1px solid var(--border-color,#e5e7eb);
  border-radius:8px;
  padding:7px 10px;
  font-size:14px;
  font-family:inherit;
}
.lp-page-whatsapp-sendbulk .wab-var select {
  flex:0 0 150px;
}
.lp-page-whatsapp-sendbulk .wab-var input {
  flex:1 1 auto;
  min-width:80px;
}
.lp-page-whatsapp-sendbulk .wab-var input[disabled] {
  background:#f1f5f9;
  color:#94a3b8;
}
.lp-page-whatsapp-sendbulk .wab-preview {
  margin-bottom:12px;
  padding:10px 12px;
  border:1px dashed var(--border-color,#cbd5e1);
  border-radius:8px;
  background:var(--search-bg,#f7f8f9);
  font-size:14px;
  white-space:pre-wrap;
}
.lp-page-whatsapp-sendbulk .wab-preview-head {
  font-weight:600;
  font-size:13px;
  color:var(--text-muted,#626f84);
  margin-bottom:4px;
}
.lp-page-whatsapp-sendbulk .wab-preview .ph {
  background:#fde68a;
  border-radius:3px;
  padding:0 3px;
}

/* Views/WhatsApp/Templates.cshtml */
.lp-page-whatsapp-templates .wt-wrap {
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  align-items:flex-start;
}
.lp-page-whatsapp-templates .wt-col {
  flex:1 1 420px;
  min-width:320px;
}
.lp-page-whatsapp-templates .wt-card {
  border:1px solid var(--border-color,#e5e7eb);
  border-radius:10px;
  background:#fff;
  font-size:14px;
}
.lp-page-whatsapp-templates .wt-card h3 {
  margin:0;
  padding:12px 14px;
  border-bottom:1px solid var(--border-color,#e5e7eb);
  font-size:15px;
}
.lp-page-whatsapp-templates .wt-body {
  padding:14px;
}
.lp-page-whatsapp-templates .wt-field {
  margin-bottom:12px;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.lp-page-whatsapp-templates .wt-field label {
  font-weight:600;
  font-size:13px;
}
.lp-page-whatsapp-templates .wt-field input,
.lp-page-whatsapp-templates .wt-field select,
.lp-page-whatsapp-templates .wt-field textarea {
  border:1px solid var(--border-color,#e5e7eb);
  border-radius:6px;
  padding:8px 10px;
  font-size:14px;
  font-family:inherit;
}
.lp-page-whatsapp-templates .wt-field textarea {
  min-height:110px;
  resize:vertical;
}
.lp-page-whatsapp-templates .wt-note {
  font-size:12px;
  color:var(--text-muted,#626f84);
}
.lp-page-whatsapp-templates .wt-row {
  display:flex;
  gap:10px;
}
.lp-page-whatsapp-templates .wt-row > div {
  flex:1;
}
.lp-page-whatsapp-templates .wt-examples {
  display:flex;
  flex-direction:column;
  gap:6px;
}
.lp-page-whatsapp-templates .wt-examples .ex {
  display:flex;
  align-items:center;
  gap:8px;
}
.lp-page-whatsapp-templates .wt-examples .ex span {
  min-width:46px;
  font-variant-numeric:tabular-nums;
  color:var(--text-muted,#626f84);
}
.lp-page-whatsapp-templates .wt-examples .ex input {
  flex:1;
  border:1px solid var(--border-color,#e5e7eb);
  border-radius:6px;
  padding:6px 9px;
}
.lp-page-whatsapp-templates .wt-btn {
  height:38px;
  border:0;
  border-radius:8px;
  background:var(--accent-blue,#0c66e4);
  color:var(--accent-blue-fg,#fff);
  padding:0 18px;
  font-weight:600;
  cursor:pointer;
}
.lp-page-whatsapp-templates .wt-btn:disabled {
  opacity:.5;
  cursor:default;
}
.lp-page-whatsapp-templates .wt-result {
  margin-top:10px;
  font-size:14px;
  min-height:18px;
}
.lp-page-whatsapp-templates .wt-tbl {
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}
.lp-page-whatsapp-templates .wt-tbl th,
.lp-page-whatsapp-templates .wt-tbl td {
  text-align:left;
  padding:9px 12px;
  border-bottom:1px solid #f1f5f9;
  vertical-align:top;
}
.lp-page-whatsapp-templates .wt-tbl th {
  background:var(--search-bg,#f7f8f9);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.03em;
  font-size:11px;
  color:#334155;
}
.lp-page-whatsapp-templates .wt-status {
  display:inline-block;
  font-size:11px;
  font-weight:700;
  padding:2px 8px;
  border-radius:10px;
  text-transform:uppercase;
}
.lp-page-whatsapp-templates .wt-status.approved {
  background:#dcfce7;
  color:#166534;
}
.lp-page-whatsapp-templates .wt-status.pending {
  background:#fef9c3;
  color:#854d0e;
}
.lp-page-whatsapp-templates .wt-status.rejected {
  background:#fee2e2;
  color:#991b1b;
}
.lp-page-whatsapp-templates .wt-del {
  background:none;
  border:0;
  color:#b91c1c;
  cursor:pointer;
  font-weight:600;
}
.lp-page-whatsapp-templates .wt-bodyprev {
  color:#475569;
  white-space:pre-wrap;
  max-width:340px;
}
.lp-page-whatsapp-templates .wt-banner {
  margin-bottom:12px;
  padding:10px 14px;
  border:1px solid #f5c2c7;
  background:#fff3cd;
  color:#664d03;
  border-radius:8px;
  font-size:14px;
}

/* ===== Page styles moved out of views' own <style> blocks (one block per distinct rule set; scoped by the lp-page-* body class set from ViewBag.BodyClass) ===== */

/* Views/Admin/DocumentCenter.cshtml */
.lp-v2.lp-page-admin-documentcenter .k-grid td img.icon {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
.lp-v2.lp-page-admin-documentcenter .k-grid .k-table-th,
.lp-v2.lp-page-admin-documentcenter .k-grid th.k-header {
  padding: 12px !important;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  background: #f8fafc;
}
.lp-v2.lp-page-admin-documentcenter .k-grid tbody tr.k-master-row {
  cursor: pointer;
}
@media(max-width: 600px) {
  .lp-page-admin-documentcenter .actions > .filterlink {
    display: none;
  }
}
.lp-page-admin-documentcenter .image-buttons img {
  display: block;
  clear: both;
}
.lp-page-admin-documentcenter .image-buttons {
  white-space: normal;
}
.lp-page-admin-documentcenter .image-buttons {
  text-align: left;
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-footer-stack .lp-btn,
.lp-v2.lp-page-admin-documentcenter .lp-inline-details__actions .lp-btn {
  height: 40px;
  border-radius: var(--lp-radius-lg);
  font-weight: 700;
  box-sizing: border-box;
}
.lp-v2.lp-page-admin-documentcenter .lp-inline-details__actions {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 12px;
  box-sizing: border-box;
  max-width: 440px;
}
.lp-v2.lp-page-admin-documentcenter .lp-inline-details__field {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 0 10px;
  padding: 9px 12px;
  font-size: 13px;
  line-height: 1.35;
  border-bottom: 1px solid #e2e8f0;
}
.lp-v2.lp-page-admin-documentcenter .lp-inline-details__card > .lp-inline-details__field:last-child {
  border-bottom: 0;
}
.lp-v2.lp-page-admin-documentcenter .lp-inline-details__field > span:first-child {
  color: #64748b;
  font-weight: 700;
}
.lp-v2.lp-page-admin-documentcenter .lp-inline-details__field > span:last-child {
  color: #1f2937;
  font-weight: 400;
  word-break: break-word;
}
.lp-v2.lp-page-admin-documentcenter .lp-inline-actions-row {
  display: flex;
  gap: 8px;
}
.lp-v2.lp-page-admin-documentcenter .lp-inline-actions-row > .lp-btn {
  flex: 1 1 0;
  justify-content: center;
}
.lp-v2.lp-page-admin-documentcenter .lp-inline-details__actions > .lp-inline-actions-row,
.lp-v2.lp-page-admin-documentcenter .lp-inline-details__actions > .lp-btn--accent,
.lp-v2.lp-page-admin-documentcenter .lp-inline-details__actions > .lp-dp-danger-wrap {
  max-width: 200px;
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-footer-stack > .lp-btn:not(.lp-btn--accent),
.lp-v2.lp-page-admin-documentcenter .lp-inline-actions-row > .lp-btn {
  color: #334155;
  border-color: #e2e8f0;
  background: #fff;
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-footer-stack > .lp-btn:not(.lp-btn--accent):hover,
.lp-v2.lp-page-admin-documentcenter .lp-inline-actions-row > .lp-btn:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #334155;
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-footer-stack > .lp-btn--accent,
.lp-v2.lp-page-admin-documentcenter .lp-dp-footer-stack > .lp-btn--accent:hover,
.lp-v2.lp-page-admin-documentcenter .lp-inline-details__actions > .lp-btn--accent,
.lp-v2.lp-page-admin-documentcenter .lp-inline-details__actions > .lp-btn--accent:hover {
  width: 100%;
  padding: 0 14px;
  font-size: 13px;
  color: #fff;
  justify-content: center;
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-danger-wrap {
  width: 100%;
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-danger-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  margin-top: 2px;
  background: transparent;
  border: 0;
  color: #64748b;
  font: 800 12px/1 var(--lp-font-body);
  cursor: pointer;
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-danger-toggle:hover {
  color: var(--lp-danger);
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-danger-toggle .fa-caret-down {
  font-size: 12px;
  transition: transform var(--lp-dur);
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-danger-toggle[aria-expanded="true"] .fa-caret-down {
  transform: rotate(180deg);
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-danger-actions {
  display: none;
  gap: 10px;
  margin-top: 8px;
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-danger-actions.open {
  display: flex;
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-danger-actions > .lp-btn {
  flex: 1 1 0;
  width: auto;
  justify-content: center;
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-danger-actions > .lp-dp-danger {
  background: #fff;
  color: #b91c1c;
  border-color: #fecaca;
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-danger-actions > .lp-dp-danger:hover {
  background: #fef2f2;
  border-color: #fca5a5;
  color: #b91c1c;
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-danger-actions > .lp-btn--danger {
  background: #ef4444;
  border-color: #ef4444;
  color: #fff;
}
.lp-v2.lp-page-admin-documentcenter .lp-dp-danger-actions > .lp-btn--danger:hover {
  background: #dc2626;
  border-color: #dc2626;
  color: #fff;
}
.lp-page-admin-documentcenter .Anonymiztrue {
  display: none;
}
.lp-page-admin-documentcenter .filterselect {
  cursor: pointer;
}
.lp-page-admin-documentcenter #Search_SearchName,
.lp-page-admin-documentcenter .DefaultSearch {
  width: 100%;
}
.lp-page-admin-documentcenter .plus,
.lp-page-admin-documentcenter .minus {
  font-size: 20px;
  margin-bottom: 20px;
}
.lp-page-admin-documentcenter .collapse-body {
  margin-right: 10px;
  letter-spacing: -3px;
  vertical-align: middle;
}
.lp-page-admin-documentcenter .collapse-body:before {
  content: "---";
}
.lp-page-admin-documentcenter .expand-body:before {
  content: "+";
}
.lp-page-admin-documentcenter .expand-body {
  margin-right: 10px;
}
.lp-page-admin-documentcenter .collapse-body .plus {
  display: none;
}
.lp-page-admin-documentcenter .collapse-body .minus {
  display: block;
}
.lp-page-admin-documentcenter .expand-body .plus {
  display: block;
}
.lp-page-admin-documentcenter .expand-body .minus {
  display: none;
}
.lp-page-admin-documentcenter .pull-right .clickable {
  position: relative;
  top: 0px;
}
.lp-page-admin-documentcenter .gridexcelbtn {
  display: none;
}

/* Views/Customers/EditRepeatedTask.cshtml */
.lp-page-customers-editrepeatedtask td {
  padding: 5px !important;
}
.lp-page-customers-editrepeatedtask .TextBoxAsLabel {
  border: none;
  background-color: #fff;
  background: transparent;
}
.lp-page-customers-editrepeatedtask .alignleft {
  float: left;
}
.lp-page-customers-editrepeatedtask .alignright {
  float: right;
}
.lp-page-customers-editrepeatedtask .center-cell {
  text-align: center;
}

/* Views/Documents/Documents.cshtml */
.lp-page-documents-documents .lp-attach-page {
  --lpa-green: var(--green, #55BD52);
  --lpa-green-h: var(--green-hover, #49A847);
  --lpa-line: var(--border, #e2e8f0);
  --lpa-muted: var(--muted, #64748b);
  --lpa-text: var(--text, #1f2937);
  padding: 4px 2px 20px;
  background: transparent;
  color: var(--lpa-text);
  font-size: 13px;
}
.lp-page-documents-documents .lp-attach-page *,
.lp-page-documents-documents .lp-attach-page *::before,
.lp-page-documents-documents .lp-attach-page *::after {
  box-sizing: border-box;
}
.lp-page-documents-documents .lp-attach-page .lpa-modal {
  position: static;
  display: block;
  visibility: visible;
  opacity: 1;
  transform: none;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  margin: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
}
.lp-page-documents-documents .lp-attach-page .lpa-body {
  display: block;
  overflow: visible;
  max-height: none;
  padding: 0;
}
.lp-page-documents-documents .lp-attach-page .lpa-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 40px;
  padding: 0 14px;
  border: 1px solid var(--lpa-line);
  border-radius: 10px;
  background: #fff;
  color: #334155;
  cursor: pointer;
  font-family: inherit;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
  text-transform: none;
}
.lp-page-documents-documents .lp-attach-page .lpa-btn:hover {
  background: #f8fafc;
}
.lp-page-documents-documents .lp-attach-page .lpa-btn.lpa-primary {
  background: var(--lpa-green);
  border-color: var(--lpa-green);
  color: #fff;
}
.lp-page-documents-documents .lp-attach-page .lpa-btn.lpa-primary:hover {
  background: var(--lpa-green-h);
  border-color: var(--lpa-green-h);
}
.lp-page-documents-documents .lp-attach-page .lpa-plus::before {
  content: "+";
  margin-right: 2px;
}
.lp-page-documents-documents .lp-attach-page .lpa-toolbar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  width: 100%;
  grid-column: 1 / -1;
}
.lp-page-documents-documents .lp-attach-page .lpa-toolbar input.lpa-search {
  flex: 1 1 auto;
  max-width: 480px;
  width: 100%;
  min-width: 120px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--lpa-line);
  border-radius: 10px;
  background: #fff;
  font-size: 13px;
  box-shadow: none;
}
.lp-page-documents-documents .lp-attach-page .lpa-filter-toggle {
  flex: 0 0 auto;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--lpa-line);
  border-radius: 10px;
  background: #fff;
  color: #334155;
  font-family: inherit;
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
  box-shadow: none;
}
.lp-page-documents-documents .lp-attach-page .lpa-filter-toggle.active {
  border-color: var(--lpa-green);
  background: #eaf8ea;
  color: #2f7a35;
}
.lp-page-documents-documents .lp-attach-page .lpa-toolbar .lpa-primary {
  margin-left: 0;
}
.lp-page-documents-documents .lp-attach-page .lpa-panel {
  display: none;
  border: 1px solid var(--lpa-line);
  border-radius: 14px;
  background: #fbfdff;
  padding: 14px;
  margin: 0 0 14px;
}
.lp-page-documents-documents .lp-attach-page .lpa-panel.is-open {
  display: block;
}
.lp-page-documents-documents .lp-attach-page .lpa-filter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}
.lp-page-documents-documents .lp-attach-page .lpa-field {
  margin: 0;
  min-width: 0;
}
.lp-page-documents-documents .lp-attach-page .lpa-field > label,
.lp-page-documents-documents .lp-attach-page .lpa-label {
  display: block;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 700;
  color: var(--lpa-muted);
}
.lp-page-documents-documents .lp-attach-page .lpa-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
}
.lp-page-documents-documents .lp-attach-page .lpa-check {
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--lpa-line);
  border-radius: 10px;
  background: #fff;
  padding: 0 12px;
}
.lp-page-documents-documents .lp-attach-page .lpa-check label,
.lp-page-documents-documents .lp-attach-page .lpa-check .k-checkbox-label {
  display: inline !important;
  position: static;
  visibility: visible;
  opacity: 1;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #334155 !important;
  text-indent: 0;
  clip: auto;
  overflow: visible;
  line-height: 1.25;
}
.lp-page-documents-documents .lp-attach-page .lpa-field .k-widget,
.lp-page-documents-documents .lp-attach-page .lpa-field .k-dropdown,
.lp-page-documents-documents .lp-attach-page .lpa-field .k-textbox,
.lp-page-documents-documents .lp-attach-page .lpa-field .k-datepicker,
.lp-page-documents-documents .lp-attach-page .lpa-field .k-upload {
  width: 100%;
}
.lp-page-documents-documents .lp-attach-page .lpa-upload {
  border: 1px solid var(--lpa-line);
  border-radius: 14px;
  background: #fbfdff;
  padding: 14px;
  margin: 0 0 14px;
}
.lp-page-documents-documents .lp-attach-page .lpa-section-title {
  font-size: 14px;
  font-weight: 800;
  color: var(--lpa-text);
}
.lp-page-documents-documents .lp-attach-page .lpa-upload-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.lp-page-documents-documents .lp-attach-page .lpa-upload-grid .lp-attach-wide {
  grid-column: 1 / -1;
}
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap {
  border: 1px solid var(--lpa-line);
  border-radius: 14px;
  overflow: auto;
  background: #fff;
}
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap .k-grid {
  border: 0;
  background: transparent;
  font-size: 13px;
}
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap .k-grid-header,
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap .k-grid-header th.k-header {
  background: #f8fafc;
}
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap .k-grid-header th.k-header {
  text-align: left;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 12px;
  border-bottom: 1px solid var(--lpa-line);
}
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap .k-grid td,
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap .k-grid th.k-header,
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap .k-grid-header th {
  white-space: normal !important;
  text-overflow: clip;
  overflow: visible !important;
  overflow-wrap: break-word;
  word-break: normal;
  line-height: 1.35;
  height: auto;
}
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap .k-grid-header table,
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap .k-grid-content table {
  width: 100%;
  min-width: 860px;
}
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap .k-grid-header {
  padding-right: 0 !important;
}
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap .k-grid-content {
  overflow-x: auto;
  overflow-y: visible;
  height: auto !important;
}
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap .k-hierarchy-cell {
  display: none;
}
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap td {
  padding: 12px;
  border-bottom: 1px solid var(--lpa-line);
  vertical-align: middle;
  font-size: 13px;
}
.lp-page-documents-documents .lp-attach-page .lpa-table-wrap tr:last-child td {
  border-bottom: 0;
}
.lp-page-documents-documents .lp-attach-page .lpa-links {
  display: flex;
  gap: 8px;
  white-space: nowrap;
}
.lp-page-documents-documents .lp-attach-page .lpa-link {
  border: 0;
  background: transparent;
  color: var(--lpa-green);
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
}
.lp-page-documents-documents .lp-attach-page .lpa-link:hover {
  text-decoration: underline;
}
.lp-page-documents-documents .lp-attach-page .lpa-link.delete {
  color: #b91c1c;
}
.lp-page-documents-documents .lp-attach-page .k-grid-toolbar,
.lp-page-documents-documents .lp-attach-page .k-grid-toolbar * {
  display: none !important;
}
.lp-page-documents-documents .lp-attach-page .lpa-info {
  margin-bottom: 12px;
}
.lp-page-documents-documents .lp-attach-page.lp-attach-fullscreen {
  position: fixed;
  inset: 0;
  z-index: 3000;
  background: #fff;
  overflow: auto;
  padding: 12px;
}
@media (max-width: 900px) {
  .lp-page-documents-documents .lp-attach-page .lpa-filter-grid,
  .lp-page-documents-documents .lp-attach-page .lpa-upload-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .lp-page-documents-documents .lp-attach-page .lpa-filter-grid,
  .lp-page-documents-documents .lp-attach-page .lpa-upload-grid {
    grid-template-columns: 1fr;
  }
  .lp-page-documents-documents .lp-attach-page .lpa-toolbar {
    flex-wrap: wrap;
  }
}
.lp-page-documents-documents .lp-profile {
  max-width: 1080px;
  margin: 6px auto 30px;
  padding: 16px 24px 24px;
  background: #fff;
  border: 1px solid #e6e9ef;
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
}
.lp-page-documents-documents .lp-profile .topbuttons {
  margin-bottom: 14px;
}
.lp-page-documents-documents .lp-profile .profile-header,
.lp-page-documents-documents .lp-profile .profile-header td {
  border: 0 !important;
  background: transparent !important;
}
.lp-page-documents-documents .lp-profile .profile-headertext {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--text-muted, #64748b);
}
.lp-page-documents-documents .lp-profile .profile-nametext {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--lp-color1, #0c66e4);
  margin: 2px 0 18px;
}
.lp-page-documents-documents .lp-profile #tdphoto {
  margin-left: 0 !important;
}
.lp-page-documents-documents .lp-profile #imgpersonnelProfile {
  width: 100% !important;
  max-width: 220px;
  height: auto;
  padding: 0 !important;
  border: 1px solid #e6e9ef;
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}
.lp-page-documents-documents .lp-profile .profile-subheader {
  background: var(--lp-color1, #0c66e4) !important;
  color: var(--lp-color1-fg, #fff) !important;
  border-radius: 8px;
  padding: 9px 14px;
  margin: 22px 0 14px;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: .3px;
  width: 100%;
}
.lp-page-documents-documents .lp-profile .profile-subheader b {
  font-weight: 700;
  color: inherit;
}
.lp-page-documents-documents .lp-profile [class*="col-md-"] {
  margin-bottom: 12px;
  color: #1f2937;
  font-size: 14px;
}
.lp-page-documents-documents .lp-profile .profile-lbl {
  display: block;
  margin: 0 0 2px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: var(--text-muted, #64748b);
}
.lp-page-documents-documents .lp-profile .alink,
.lp-page-documents-documents .lp-profile a[href^="javascript"],
.lp-page-documents-documents .lp-profile a[href^="mailto"] {
  color: var(--lp-color1, #0c66e4);
  font-weight: 600;
  text-decoration: none;
}
.lp-page-documents-documents .lp-profile .alink:hover,
.lp-page-documents-documents .lp-profile a[href^="mailto"]:hover {
  text-decoration: underline;
}
.lp-page-documents-documents .lp-profile .icon-button.edit {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 22px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 15px;
}

/* ===== Page styles moved out of views' own <style> blocks (one block per distinct rule set; scoped by the lp-page-* body class set from ViewBag.BodyClass) ===== */

/* Views/Customers/ViewTaskRequest.cshtml, Views/Forms/ApproveSelectedFomulars.cshtml */
:is(.lp-page-customers-viewtaskrequest, .lp-page-forms-approveselectedfomulars) .TextBoxAsLabel {
  border: none;
  background-color: #fff;
  background: transparent;
}
:is(.lp-page-customers-viewtaskrequest, .lp-page-forms-approveselectedfomulars) .alignleft {
  float: left;
}
:is(.lp-page-customers-viewtaskrequest, .lp-page-forms-approveselectedfomulars) .alignright {
  float: right;
}

/* Views/Forms/NewDocument.cshtml, Views/Home/EmployeeExpenses.cshtml */
:is(.lp-page-forms-newdocument, .lp-page-home-employeeexpenses) .DigitalSignature {
  max-width:400px;
}
:is(.lp-page-forms-newdocument, .lp-page-home-employeeexpenses) .TextBoxAsLabel {
  border: none;
  background-color: #fff;
  background: transparent;
}
:is(.lp-page-forms-newdocument, .lp-page-home-employeeexpenses) .alignleft {
  float: left;
}
:is(.lp-page-forms-newdocument, .lp-page-home-employeeexpenses) .alignright {
  float: right;
}

/* Views/Todos/EditRepeatedTodo.cshtml */
.lp-page-todos-editrepeatedtodo td {
  padding: 5px !important;
}
.lp-page-todos-editrepeatedtodo .TextBoxAsLabel {
  border: none;
  background-color: #fff;
  background: transparent;
}
.lp-page-todos-editrepeatedtodo .alignleft {
  float: left;
}
.lp-page-todos-editrepeatedtodo .alignright {
  float: right;
}
.lp-page-todos-editrepeatedtodo .center-cell {
  text-align: center;
}
.lp-page-todos-editrepeatedtodo #pickfromstock1 td,
.lp-page-todos-editrepeatedtodo .k-grid-header th.k-header > .k-link {
  
}
.lp-page-todos-editrepeatedtodo #grid input:not(.Quantity),
.lp-page-todos-editrepeatedtodo .PickFromStockDate {
  width: 100%;
}
.lp-page-todos-editrepeatedtodo .qntcol {
  padding: 10px 0px 10px 0px !important;
}
.lp-page-todos-editrepeatedtodo .qntcol input {
  padding-left: 0px;
  padding-right: 0px;
}
.lp-page-todos-editrepeatedtodo .k-grid td:not(.qntcol) {
  padding: 10px 5px 10px 5px !important;
}
.lp-page-todos-editrepeatedtodo .Quantity {
  width: 40px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.lp-page-todos-editrepeatedtodo .k-filter-row th,
.lp-page-todos-editrepeatedtodo .k-grid-header th.k-header {
  white-space: pre-wrap !important;
}
.lp-page-todos-editrepeatedtodo .ItemName {
  min-width: 200px;
}
.lp-page-todos-editrepeatedtodo .ItemNumber {
  max-width: 300px;
}
.lp-page-todos-editrepeatedtodo .ItemUnit {
  max-width: 100px;
}
.lp-page-todos-editrepeatedtodo .PickFromStockDate {
  min-width: 85px;
}
@media (max-width: 812px) {
  .lp-page-todos-editrepeatedtodo .pickup_div {
    margin-left: -30px;
    margin-right: 0px;
    position: absolute;
    padding: 0px;
    display:contents;
  }
}

/* Project personnel order lists: user type 2 does not get the show/hide filter toggle. */
.lp-hide-filter .show-hide-filter {
  display: none;
}

/* Leave-type chips (colours: Helpers/StatusColorCss.cs) */
[class*="leaveStatus_"] {
  width: 30px;
  border: black 1px;
}

/* ===== WhatsApp module (was Theme/css/whatsapp.css, linked from each WhatsApp view) ===== */
/* WhatsApp dashboard — two-pane chat UI. Colours follow the tenant theme
   (--lp-* from Style.cshtml) with sensible fallbacks. */
.wa-wrap {
    display: flex;
    height: calc(100vh - 220px);
    min-height: 460px;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    /* Inherit the tenant font + body size from Style.cshtml so these pages
       match the rest of the app (Bootstrap forces html{font-size:10px}, which
       is why rem-based sizes rendered tiny — everything here is px / lp vars). */
    font-family: var(--brand-font);
    font-size: var(--lp-body-font-size, 14px);
}

/* Sub-bar under the page title (phone + links) — the title itself is rendered
   once by _layoutnew from ViewBag.Title, so views must not repeat it. */
.wa-subbar {
    margin: 0 0 12px;
    font-size: 14px;
    color: var(--text-muted, #626f84);
}
    .wa-subbar .wa-phone { margin-right: 10px; }
    .wa-subbar a { color: var(--accent-blue, #0c66e4); text-decoration: none; font-weight: 600; }
    .wa-subbar a:hover { text-decoration: underline; }

.wa-banner {
    margin-bottom: 12px;
    padding: 10px 14px;
    border: 1px solid #f5c2c7;
    background: #fff3cd;
    color: #664d03;
    border-radius: 8px;
    font-size: 14px;
}

/* ── Number onboarding panel ── */
.wa-onboard {
    margin-bottom: 12px;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
}

    .wa-onboard > summary {
        cursor: pointer;
        padding: 10px 14px;
        font-weight: 600;
        color: var(--text-main, #091e42);
        list-style: revert;
    }

.wa-onboard-body {
    padding: 6px 14px 14px;
    border-top: 1px solid var(--border-color, #e5e7eb);
}

.wa-steps {
    margin: 8px 0 0;
    padding-left: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .wa-steps li {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }

.wa-step-t {
    font-weight: 600;
    min-width: 150px;
}

.wa-ob-input {
    height: 34px;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 6px;
    padding: 0 10px;
    font-size: 14px;
}

.wa-ob-result {
    margin-top: 10px;
    font-size: 14px;
    min-height: 18px;
}

/* ── Left: conversation list ── */
.wa-list {
    flex: 0 0 340px;
    border-right: 1px solid var(--border-color, #e5e7eb);
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.wa-list-head {
    padding: 10px;
    border-bottom: 1px solid var(--border-color, #e5e7eb);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wa-list-tools {
    display: flex;
    gap: 6px;
    align-items: center;
}

.wa-search {
    flex: 1 1 auto;
    height: 34px;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 6px;
    padding: 0 10px;
    font-size: 14px;
}

.wa-filter {
    height: 34px;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 6px;
    padding: 0 6px;
    font-size: 14px;
    background: #fff;
}

.wa-newbtn {
    height: 34px;
    border: 1px solid var(--accent-blue, #0c66e4);
    background: var(--accent-blue, #0c66e4);
    color: var(--accent-blue-fg, #fff);
    border-radius: 6px;
    padding: 0 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.wa-convs {
    flex: 1 1 auto;
    overflow-y: auto;
}

.wa-conv {
    display: flex;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    align-items: center;
}

    .wa-conv:hover {
        background: var(--accent-soft, #eef4fb);
    }

    .wa-conv.active {
        background: var(--accent-soft, #eef4fb);
        box-shadow: inset 3px 0 0 var(--accent-blue, #0c66e4);
    }

.wa-avatar {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--lp-color2, #30966b);
    color: var(--lp-color2-fg, #fff);
    display: grid;
    place-items: center;
    font-weight: 700;
    font-size: 15px;
}

.wa-conv-main {
    flex: 1 1 auto;
    min-width: 0;
}

.wa-conv-top {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: baseline;
}

.wa-conv-name {
    font-weight: 600;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wa-conv-time {
    font-size: 12px;
    color: var(--text-muted, #626f84);
    white-space: nowrap;
}

.wa-conv-prev {
    font-size: 13px;
    color: var(--text-muted, #626f84);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wa-badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 1px 6px;
    border-radius: 10px;
    background: #e2e8f0;
    color: #334155;
    margin-left: 6px;
}

    .wa-badge.t1 { background: #dbeafe; color: #1e40af; } /* Personnel */
    .wa-badge.t2 { background: #dcfce7; color: #166534; } /* Customer */
    .wa-badge.t3 { background: #fef9c3; color: #854d0e; } /* Supplier */

.wa-unread {
    flex: 0 0 auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    background: var(--accent-blue, #0c66e4);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: grid;
    place-items: center;
}

/* ── Right: thread ── */
.wa-thread {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #f7f9fb;
}

.wa-thread-head {
    flex: 0 0 auto;
    padding: 10px 16px;
    border-bottom: 1px solid var(--border-color, #e5e7eb);
    background: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.wa-thread-id { display: flex; flex-direction: column; line-height: 1.2; }
.wa-thread-title {
    font-weight: 700;
    font-size: 16px;
}
.wa-thread-phone {
    font-size: 12px;
    color: var(--text-muted, #626f84);
    font-variant-numeric: tabular-nums;
}
.wa-thread-phone:empty { display: none; }

/* Sender number shown under the name in the conversation list (only when the
   contact has a real name — otherwise the name already IS the number). */
.wa-conv-phone {
    font-size: 12px;
    color: var(--text-muted, #626f84);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wa-session {
    margin-left: auto;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 10px;
}

    .wa-session.open { background: #dcfce7; color: #166534; }
    .wa-session.closed { background: #fee2e2; color: #991b1b; }

.wa-messages {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wa-msg {
    position: relative;
    max-width: 68%;
    padding: 7px 11px 6px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.4;
    color: #0b141a;                 /* readable text on either bubble colour */
    word-wrap: break-word;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
    box-shadow: 0 1px 1.5px rgba(11, 20, 26, 0.13);
}

    /* Outbound (right) — classic WhatsApp green, not the dark brand tint, so
       text/timestamp stay high-contrast on any tenant theme. */
    .wa-msg.out {
        align-self: flex-end;
        background: #d9fdd3;
        border: 1px solid #c5efb9;
        border-bottom-right-radius: 3px;
    }

    /* Inbound (left) — white card with a hairline border for definition. */
    .wa-msg.in {
        align-self: flex-start;
        background: #ffffff;
        border: 1px solid #e7ebef;
        border-bottom-left-radius: 3px;
    }

.wa-msg-meta {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    line-height: 1;
    text-align: right;
    color: #667781;                 /* WhatsApp-style muted meta */
}

    .wa-msg.out .wa-msg-meta { color: #5a8a6b; }   /* readable on green */

    .wa-msg-meta .failed { color: #c0392b; font-weight: 600; }

.wa-composer {
    flex: 0 0 auto;
    border-top: 1px solid var(--border-color, #e5e7eb);
    background: #fff;
    padding: 10px 12px;
    display: flex;
    gap: 8px;
    align-items: flex-end;
}

.wa-input {
    flex: 1 1 auto;
    min-height: 40px;
    max-height: 120px;
    resize: vertical;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 8px;
    padding: 9px 12px;
    font-size: 15px;
    font-family: inherit;
}

.wa-send {
    height: 40px;
    border: 0;
    border-radius: 8px;
    background: var(--accent-blue, #0c66e4);
    color: var(--accent-blue-fg, #fff);
    padding: 0 18px;
    font-weight: 600;
    cursor: pointer;
}

    .wa-send:disabled { opacity: 0.5; cursor: default; }

/* Template composer with variable inputs stacks vertically. */
.wa-composer-tpl { flex-direction: column; align-items: stretch; gap: 8px; }
.wa-tpl-row { display: flex; gap: 8px; align-items: flex-end; }
.wa-tpl-vars:empty { display: none; }
.wa-tpl-vars { display: flex; flex-direction: column; gap: 6px; }
    .wa-tpl-var { display: flex; align-items: center; gap: 8px; }
    .wa-tpl-var .tag { flex: 0 0 auto; min-width: 40px; font-weight: 600; color: var(--accent-blue, #0c66e4); font-variant-numeric: tabular-nums; }
    .wa-tpl-var input { flex: 1 1 auto; min-width: 80px; border: 1px solid var(--border-color, #e5e7eb); border-radius: 8px; padding: 8px 11px; font-size: 14px; font-family: inherit; }

.wa-empty {
    margin: auto;
    color: var(--text-muted, #626f84);
    font-size: 15px;
    text-align: center;
    padding: 24px;
}

/* ── New-conversation mini dialog ── */
.wa-modal {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.4);
    display: none;
    z-index: 1300;
    place-items: center;
}

    .wa-modal.open { display: grid; }

.wa-modal-card {
    background: #fff;
    border-radius: 10px;
    width: 380px;
    max-width: 92vw;
    padding: 18px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.25);
}

.wa-modal-card h3 { margin: 0 0 12px; font-size: 17px; }

.wa-field { margin-bottom: 10px; display: flex; flex-direction: column; gap: 4px; }

.wa-field label { font-size: 13px; font-weight: 600; color: var(--text-main, #091e42); }

.wa-field input, .wa-field select {
    height: 36px;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 6px;
    padding: 0 10px;
    font-size: 14px;
}

.wa-modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }

.wa-btn-outline {
    height: 36px; padding: 0 14px; border-radius: 6px;
    border: 1px solid var(--border-color, #e5e7eb); background: #fff;
    cursor: pointer; font-weight: 600;
}

@media (max-width: 768px) {
    .wa-wrap { flex-direction: column; height: auto; }
    .wa-list { flex-basis: auto; border-right: 0; border-bottom: 1px solid var(--border-color, #e5e7eb); max-height: 40vh; }
    .wa-thread { min-height: 60vh; }
}

/* ===== Page styles moved out of views' own <style> blocks (one block per distinct rule set; scoped by the lp-page-* body class set from ViewBag.BodyClass) ===== */

/* Views/ProjectPersonnelOrder/Index.cshtml */
.lp-page-projectpersonnelorder-index h3 {
  font-size: 16px;
  display: inline;
  cursor: pointer;
}
.lp-page-projectpersonnelorder-index .panel-heading2 {
  margin-top: 0;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.lp-page-projectpersonnelorder-index .hide2 {
  display: none;
}
.lp-page-projectpersonnelorder-index .panel-title {
  cursor: pointer;
}
.lp-page-projectpersonnelorder-index .title {
  font-size:19.2px;
  padding-left:30px;
  font-weight:700;
}
.lp-page-projectpersonnelorder-index .clickable2 {
  font-size: 20px;
  color: #fff;
  padding: 8px 5px 5px 5px;
  margin-top: -10px;
  border: 0px solid #fff;
  margin-right: -14px;
}
.lp-page-projectpersonnelorder-index .padding5 {
  padding-top: 5px;
}
.lp-page-projectpersonnelorder-index .internal {
  text-decoration: none;
  color: #000;
}
.lp-page-projectpersonnelorder-index .internal:before {
  content: "\002B";
  font-weight: 900;
  padding-left: 5px;
}
.lp-page-projectpersonnelorder-index .internal.expanded2:before {
  content: "\002D";
}

/* System Settings header and search field, as in the prototype (Segoe UI heading in slate-900, tight tracking, Arial search field). */
.lp-page-home-setuphome .lp-page-header .lp-page-title {
  margin: 0;
  line-height: normal;
  letter-spacing: -.02em;
  color: #0f172a;
}
.lp-page-home-setuphome .lp-page-header .lp-page-subtitle {
  line-height: normal;
}
.lp-page-home-setuphome #systemSettingsOverlay .settings-card-toolbar .input {
  font-family: Arial, sans-serif;
  font-size: 13.3333px;
  color: #000;
}

/* Inline styles of the setup pages that held several declarations (were style="..." attributes). */
/* lp-account-heading-caps (was an inline style) */
.lp-account-heading-caps {
  color: white;
  text-transform: uppercase;
}
/* lp-account-hidden-full (was an inline style) */
.lp-account-hidden-full {
  width: 100%;
  display: none;
}
/* lp-account-message-box (was an inline style) */
.lp-account-message-box {
  width: 300px;
  color: black;
  font-size: 15px;
  padding: 10px;
  margin: 10px;
  line-height: 20px;
}
/* lp-adduser-half-inline (was an inline style) */
.lp-adduser-half-inline {
  width: 50%;
  display: inline;
}
/* lp-formsdesigns-narrow-silver (was an inline style) */
.lp-formsdesigns-narrow-silver {
  width: 50px;
  background-color: silver;
}
/* lp-personneldetailsreport-half-left (was an inline style) */
.lp-personneldetailsreport-half-left {
  width: 48%;
  float: left;
}

/* Roles (UI prototype "Roles"): plain roles table, inline Add/Edit/View panel. Rendered by lp-roles.js. */
.lp-page-admin-roles .roles-table-wrap { overflow: auto; }
.lp-page-admin-roles .roles-table { width: 100%; min-width: 980px; border-collapse: collapse; font-size: 13px; }
.lp-page-admin-roles .roles-table th {
  text-align: left;
  background: #f8fafc;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 13px 14px;
  border-bottom: 1px solid var(--lp-border);
}
.lp-page-admin-roles .roles-table td { padding: 13px 14px; border-bottom: 1px solid var(--lp-border); vertical-align: middle; }
.lp-page-admin-roles .roles-table tr:hover td { background: #fbfdfb; }
.lp-page-admin-roles .roles-empty { text-align: center; color: var(--lp-text-muted); padding: 28px 14px; }
.lp-page-admin-roles .roles-role-name { font-weight: 900; color: #0f172a; }
.lp-page-admin-roles .roles-price { font-weight: 900; color: #0f172a; white-space: nowrap; }
.lp-page-admin-roles .roles-count {
  display: inline-flex; min-width: 30px; height: 24px; align-items: center; justify-content: center;
  border-radius: 999px; background: #eaf8ea; color: #2f7a35; font-weight: 900; font-size: 12px;
}
.lp-page-admin-roles .roles-permission-link { color: var(--lp-accent-text); font-weight: 900; text-decoration: none; }
.lp-page-admin-roles .roles-permission-link:hover { text-decoration: underline; }
.lp-page-admin-roles .roles-row-actions { display: flex; gap: 8px; white-space: nowrap; }
.lp-page-admin-roles .roles-edit-panel {
  border: 1px solid #cfeccf; background: #f4fbf4; color: #2f6b32; border-radius: 16px; padding: 14px; margin-bottom: 16px;
}
.lp-page-admin-roles .roles-edit-panel[hidden],
.lp-page-admin-roles .lp-note[hidden] { display: none; }
.lp-page-admin-roles .roles-edit-title { font-weight: 900; color: #0f172a; margin-bottom: 10px; }
.lp-page-admin-roles .roles-edit-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: end; }
.lp-page-admin-roles .roles-permissions-preview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.lp-page-admin-roles .permission-tile {
  display: block; border: 1px solid var(--lp-border); border-radius: 12px; background: white; padding: 10px; font-size: 13px; text-decoration: none;
}
.lp-page-admin-roles .permission-tile strong { display: block; color: #0f172a; margin-bottom: 4px; }
.lp-page-admin-roles .permission-tile span { color: var(--lp-text-muted); font-size: 12px; line-height: 1.35; }
.lp-page-admin-roles .modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
@media (max-width: 900px) {
  .lp-page-admin-roles .roles-edit-grid,
  .lp-page-admin-roles .roles-permissions-preview { grid-template-columns: 1fr; }
}

/* Report HTML built in Leanpoint.BL: classes for the on-screen output; Excel/PDF/email keep inline styles (Leanpoint.BL/ReportHtml.cs). */
.lp-rpt-cost,
.lp-v2 td.lp-rpt-cost,
.lp-v2 .k-grid td.lp-rpt-cost {
  color: red;
}
.lp-rpt-hours-input,
.lp-v2 input.lp-rpt-hours-input {
  width: 35px;
}

/* ══════════════════════════════════════════════════════════════════════════
   Authentication — Login / Forgot password (UI spec V2-13 "Authentication").
   Views/Shared/_AuthLayout.cshtml, Views/Account/Login + ForgotPassword.
   ══════════════════════════════════════════════════════════════════════════ */
.lp-auth {
  margin: 0;
  box-sizing: border-box;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  font-family: var(--lp-font-family);
  font-size: var(--lp-font-size-lg);
  color: var(--lp-text);
  background:
    radial-gradient(circle at 0 0, transparent 330px, rgba(15, 118, 191, 0.10) 331px, rgba(15, 118, 191, 0.10) 480px, transparent 481px),
    radial-gradient(circle at 100% 100%, transparent 330px, rgba(85, 189, 82, 0.14) 331px, rgba(85, 189, 82, 0.14) 480px, transparent 481px),
    var(--lp-bg);
}
.lp-auth__card {
  width: 100%;
  max-width: 480px;
  background: var(--lp-surface);
  border: 1px solid var(--lp-border);
  border-radius: var(--lp-radius-xl);
  box-shadow: var(--lp-shadow-3);
}
.lp-auth__main { padding: 40px 40px 28px; text-align: center; }
.lp-auth__logo { margin-bottom: 28px; min-height: 40px; }
.lp-auth__logo img { max-width: 260px; max-height: 64px; }
.lp-auth__wordmark {
  font-size: 40px;
  font-weight: var(--lp-fw-black);
  letter-spacing: -0.5px;
  color: var(--lp-brand);
}
.lp-auth__wordmark span { color: var(--lp-accent); }
.lp-auth__wordmark sup { font-size: 14px; vertical-align: top; position: relative; top: 4px; margin-left: 2px; }
.lp-auth__logo-text { font-size: var(--lp-font-size-4xl); font-weight: var(--lp-fw-bold); color: var(--lp-brand); }
.lp-auth__title { margin: 0 0 6px; font-size: var(--lp-font-size-5xl); font-weight: var(--lp-fw-bold); color: var(--lp-text-strong); }
.lp-auth__subtitle { margin: 0 0 24px; font-size: var(--lp-font-size); color: var(--lp-text-muted); }
.lp-auth__form { text-align: left; margin-top: 24px; }
.lp-auth__subtitle + .lp-auth__form { margin-top: 0; }
.lp-auth__field { margin-bottom: 16px; }
.lp-auth__field label {
  display: block;
  margin-bottom: 6px;
  font-size: var(--lp-font-size-sm);
  font-weight: var(--lp-fw-bold);
  color: var(--lp-text-label);
}
.lp-auth__input {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 52px;
  padding: 0 14px;
  gap: 12px;
  background: var(--lp-surface);
  border: 1px solid var(--lp-border-strong);
  border-radius: var(--lp-radius-lg);
  color: var(--lp-text-muted);
}
.lp-auth__input:focus-within { border-color: var(--lp-border-focus); box-shadow: 0 0 0 3px var(--lp-accent-soft); }
.lp-auth__input input {
  flex: 1;
  box-sizing: border-box;
  padding: 0;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  font-size: var(--lp-font-size-md);
  color: var(--lp-text);
}
.lp-auth__eye { border: 0; background: transparent; padding: 4px; color: var(--lp-text-muted); cursor: pointer; }
.lp-auth__eye:hover { color: var(--lp-text); }
.lp-auth__error { margin: 0 0 14px; color: var(--lp-danger); font-size: var(--lp-font-size); }
.lp-auth__submit {
  width: 100%;
  height: 52px;
  border: 0;
  border-radius: var(--lp-radius-lg);
  background: var(--lp-success);
  color: var(--lp-accent-fg);
  font: inherit;
  font-size: var(--lp-font-size-lg);
  font-weight: var(--lp-fw-bold);
  cursor: pointer;
  box-shadow: var(--lp-shadow-1);
}
.lp-auth__submit:hover { background: var(--lp-accent-hover); }
.lp-auth__submit--link { display: flex; align-items: center; justify-content: center; box-sizing: border-box; text-decoration: none; }
.lp-auth__submit--link:hover { color: inherit; text-decoration: none; }
.lp-auth__hint { margin: 0 0 18px; font-size: var(--lp-font-size); color: var(--lp-text-muted); }
.lp-auth__hint b { color: var(--lp-text); }
.lp-auth__hint ul { margin: 6px 0 0; padding-left: 20px; }
.lp-auth__apps { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.lp-auth__apps img { height: 44px; }
.lp-auth__alt { margin: 18px 0 24px; padding-top: 18px; border-top: 1px solid var(--lp-border); }
.lp-auth__link-row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 20px;
  font-size: var(--lp-font-size-lg);
}
.lp-auth__link-row::before,
.lp-auth__link-row::after { content: ""; flex: 1; border-top: 1px solid var(--lp-border); }
.lp-auth__link-row a { color: var(--lp-info); text-decoration: none; }
.lp-auth__link-row a:hover { text-decoration: underline; }
.lp-auth__status {
  padding: 14px 16px;
  border: 1px solid var(--lp-infobar-border);
  border-radius: var(--lp-radius-lg);
  background: var(--lp-accent-soft);
  color: var(--lp-infobar-text);
  text-align: left;
}
.lp-auth__status.is-error { background: var(--lp-absent-bg-color); border-color: var(--lp-absent-border-color); color: var(--lp-danger); }
.lp-auth__footer { padding: 16px 40px; border-top: 1px solid var(--lp-border); }
.lp-auth__lang { display: inline-flex; align-items: center; gap: 10px; color: var(--lp-text-muted); }
.lp-auth__lang select {
  border: 0;
  background: transparent;
  font: inherit;
  color: var(--lp-text);
  cursor: pointer;
}
@media (max-width: 520px) {
  .lp-auth__main { padding: 28px 20px 20px; }
  .lp-auth__footer { padding: 14px 20px; }
}

/* My Settings: the grid is followed by more settings, so the page scrolls once
   (main content) instead of the grid getting its own fit-to-window scroll box. */
html .lp-v2.lp-page-admin-mysettings .lp-grid-fit,
html .lp-v2.lp-page-admin-mysettings .lp-grid-fit .k-grid {
  max-height: none;
  overflow: visible;
}
html .lp-v2.lp-page-admin-mysettings .lp-grid-fit .k-pager,
html .lp-v2.lp-page-admin-mysettings .lp-grid-fit .k-grid-pager {
  position: static;
}
html .lp-v2.lp-page-admin-mysettings .lp-grid-fit .k-grid-header th,
html .lp-v2.lp-page-admin-mysettings .lp-grid-fit .k-grid-table > thead > tr > th {
  position: static;
}
/* Browser autofill must not paint the field blue inside the rounded input. */
.lp-auth__input input:-webkit-autofill,
.lp-auth__input input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--lp-surface) inset;
  -webkit-text-fill-color: var(--lp-text);
}

/* Employee Overview (Views/AddJobs/CheckINSummary.cshtml): group-by chips (spec V2-13 §18.7); its count links use lp-value-link--accent. */
.lp-page-addjobs-checkinsummary .lp-chip-strip { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.lp-page-addjobs-checkinsummary .lp-chip-strip .lp-savedsearch-btn { display: inline-flex; align-items: center; text-decoration: none; }

/* Time Registration / Add Hours (Views/AddJobs/index + _Addjob): cards with label-left rows (UI spec V2-13 form pattern). */
.lp-page-addjobs-index .lp-form-section { max-width: 1100px; margin: 0 0 14px; }
.lp-page-addjobs-index .lp-form-section__body .form-group {
  display: grid;
  grid-template-columns: 220px minmax(0, 360px) auto;
  align-items: center;
  gap: 8px 16px;
  margin: 0 0 12px;
}
.lp-page-addjobs-index .lp-form-section__body .form-group::before,
.lp-page-addjobs-index .lp-form-section__body .form-group::after { display: none; }
.lp-page-addjobs-index .lp-form-section__body .control-label {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: var(--lp-font-size-sm);
  font-weight: var(--lp-fw-bold);
  color: var(--lp-text-label);
}
.lp-page-addjobs-index .lp-form-section__body [class*="col-md-"],
.lp-page-addjobs-index .lp-form-section__body [class*="col-xs-"] { float: none; width: auto; padding: 0; }
.lp-page-addjobs-index .lp-form-section__body .k-multiselect,
.lp-page-addjobs-index .lp-form-section__body .k-dropdownlist,
.lp-page-addjobs-index .lp-form-section__body .k-picker { width: 100% !important; }
.lp-page-addjobs-index .lp-form-section__footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px;
  border-top: 1px solid var(--lp-border);
}
/* Department / Sort by strip above the form: two fields side by side. */
.lp-page-addjobs-index #myForm .form-group { display: grid; grid-template-columns: repeat(2, minmax(0, 360px)); gap: 16px; margin: 0; }
.lp-page-addjobs-index #myForm .form-group > [class*="col-"] { float: none; width: auto; padding: 0; }
/* The legacy two-column .form-horizontal grid would squeeze each card into half the width. */
html .lp-v2.lp-page-addjobs-index .lp-content .form-horizontal { display: block; }

/* Generated forms: one <form> wrapper must use the full width */
html .lp-v2 :is(.lp-popup__body, .lp-content) .form-horizontal:has(> form:only-child),
html .lp-v2 :is(.lp-popup__body, .lp-content) #newdocform.form-horizontal {
    display: block;
}

/* Page Permissions (UI prototype "Page Permissions"): page picker, role access switches. Rendered by lp-page-access.js. */
.lp-pa .lp-pa-subtitle { margin: 0 0 14px; color: var(--lp-text-muted); font-size: var(--lp-font-size); }
.lp-pa .page-permissions-layout { display: grid; gap: 14px; }
.lp-pa .page-permissions-toolbar { display: grid; grid-template-columns: minmax(220px, 320px) minmax(220px, 320px) auto; gap: 12px; align-items: end; }
.lp-pa .role-permission-actions-row { display: flex; gap: 8px; }
.lp-pa .page-permissions-table-wrap { border: 1px solid var(--lp-border); border-radius: 16px; background: white; overflow: auto; }
.lp-pa .page-permissions-table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 13px; }
.lp-pa .page-permissions-table th {
  text-align: left; background: #f8fafc; color: #475569; font-size: 12px; font-weight: 700; text-transform: uppercase;
  padding: 13px 14px; border-bottom: 1px solid var(--lp-border);
}
.lp-pa .page-permissions-table td { padding: 12px 14px; border-bottom: 1px solid var(--lp-border); vertical-align: middle; }
.lp-pa .page-permissions-table tr:last-child td { border-bottom: 0; }
.lp-pa .page-permissions-table tr:hover td { background: #fbfdfb; }
.lp-pa .page-permissions-table tr.is-selected td { background: #f4fbf4; }
.lp-pa .page-permissions-role-title { font-weight: 900; color: #0f172a; }
.lp-pa .page-permissions-access-cell { width: 110px; }
.lp-pa .roles-empty { text-align: center; color: var(--lp-text-muted); padding: 28px 14px; }
.lp-pa .lp-note[hidden] { display: none; }
.lp-pa .settings-footer-actions { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 18px; border-top: 1px solid var(--lp-border); }
.settings-switch { position: relative; display: inline-flex; width: 48px; height: 26px; flex: 0 0 auto; }
.settings-switch input { opacity: 0; width: 0; height: 0; }
.settings-slider { position: absolute; cursor: pointer; inset: 0; background: #cbd5e1; border-radius: 999px; transition: .18s ease; box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .06); }
.settings-slider:before {
  content: ""; position: absolute; width: 20px; height: 20px; left: 3px; top: 3px; background: white; border-radius: 50%;
  box-shadow: 0 2px 6px rgba(15, 23, 42, .2); transition: .18s ease;
}
.settings-switch input:checked + .settings-slider { background: var(--lp-success); }
.settings-switch input:checked + .settings-slider:before { transform: translateX(22px); }
.settings-switch input:disabled + .settings-slider { cursor: default; opacity: .6; }
@media (max-width: 900px) {
  .lp-pa .page-permissions-toolbar { grid-template-columns: 1fr; }
}
.lp-page-admin-roles .field,
.lp-pa .field { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.lp-page-admin-roles .field label,
.lp-pa .field label { display: block; margin: 0; font-size: var(--lp-font-size-sm); font-weight: var(--lp-fw-bold); color: var(--lp-text-muted); }
.lp-page-admin-roles .field .input,
.lp-page-admin-roles .field .select,
.lp-pa .field .select { width: 100%; box-sizing: border-box; }
.lp-pa .lp-pa-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.lp-pa .lp-pa-head .lp-pa-subtitle { margin: 0; }
.lp-pa .lp-pa-head-actions { display: flex; gap: 8px; flex: 0 0 auto; }
.lp-pa .settings-category[hidden] { display: none; }
.lp-pa .page-permissions-module-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 14px; }
.lp-pa .page-permissions-module-card {
  border: 1px solid var(--lp-border); border-radius: 14px; background: #fff; padding: 12px;
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center;
}
.lp-pa .page-permissions-module-card strong { display: block; font-size: 13px; color: #0f172a; }
.lp-pa .page-permissions-module-card span { display: block; color: var(--lp-text-muted); font-size: 12px; margin-top: 3px; }
.lp-pa .page-permissions-module-card .settings-switch { grid-row: 1; grid-column: 2; }
@media (max-width: 900px) {
  .lp-pa .page-permissions-module-grid { grid-template-columns: 1fr; }
  .lp-pa .lp-pa-head { flex-direction: column; }
}
.lp-popup .lp-pa .lp-pa-head .lp-pa-subtitle { display: none; }
.lp-popup .lp-pa .lp-pa-head { justify-content: flex-end; }

/* ---- User/Profile (menu Profile: hero card + General / Language / Password cards) ---- */
.lp-page-user-profile .personal-settings-page { max-width: 1280px; }
.lp-page-user-profile .user-profile-hero {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px;
    border: 1px solid var(--lp-border);
    border-radius: 16px;
    background: #fff;
    margin-bottom: 16px
}
.lp-page-user-profile .user-profile-avatar-large {
    flex: 0 0 auto;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f4c7a1, #8fb5ff);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #102a43;
    font-weight: 900;
    font-size: 20px;
    border: 3px solid rgba(15, 23, 42, .08)
}
.lp-page-user-profile .user-profile-hero h2 { margin: 0; font-size: 21px; color: #0f172a }
.lp-page-user-profile .user-profile-hero p { margin: 4px 0 0; color: var(--lp-text-muted); font-size: 13px }
.lp-page-user-profile .profile-pill {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: #eaf8ea;
    color: #2f7a35;
    font-size: 12px;
    font-weight: 800;
    margin-top: 6px
}
.lp-page-user-profile .profile-pill.is-inactive { background: #fef2f2; color: #b91c1c }
.lp-page-user-profile .user-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px }
.lp-page-user-profile .user-profile-card {
    background: #fff;
    border: 1px solid var(--lp-border);
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(15, 23, 42, .06);
    overflow: hidden
}
.lp-page-user-profile .user-profile-card.wide { grid-column: 1 / -1 }
.lp-page-user-profile .user-profile-card-header { padding: 16px 18px; border-bottom: 1px solid var(--lp-border); background: #f8fafc }
.lp-page-user-profile .user-profile-card-header h2 { margin: 0; font-size: 18px; color: #0f172a }
.lp-page-user-profile .user-profile-card-header p { margin: 5px 0 0; color: var(--lp-text-muted); font-size: 13px; line-height: 1.4 }
.lp-page-user-profile .user-profile-card-body { padding: 16px 18px; display: grid; gap: 14px }
.lp-page-user-profile .user-profile-row { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 14px; align-items: center }
.lp-page-user-profile .user-profile-row label { margin: 0; font-size: 12px; font-weight: 800; color: var(--lp-text-muted) }
.lp-page-user-profile .user-profile-row .input,
.lp-page-user-profile .user-profile-row .select {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--lp-border-strong);
    border-radius: 10px;
    background: #fff;
    color: #1f2937;
    font: inherit;
    font-size: 14px
}
.lp-page-user-profile .user-profile-row .input:focus,
.lp-page-user-profile .user-profile-row .select:focus { border-color: var(--lp-border-focus); outline: 3px solid rgba(85, 189, 82, .15) }
.lp-page-user-profile .user-profile-row .input[readonly] { background: #f8fafc; color: #475569 }
.lp-page-user-profile .user-profile-value { color: #334155; font-size: 14px; font-weight: 600 }
.lp-page-user-profile .password-box {
    border: 1px solid #dbeafe;
    background: #eff6ff;
    color: #1e3a8a;
    border-radius: 14px;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.45
}
.lp-page-user-profile .user-profile-actions { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 18px; border-top: 1px solid var(--lp-border); background: #fff }
.lp-page-user-profile .settings-footer-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
    padding: 14px 20px;
    border: 1px solid var(--lp-border);
    border-radius: 16px;
    background: #fbfdff
}
@media (max-width: 900px) {
    .lp-page-user-profile .user-profile-grid { grid-template-columns: 1fr }
    .lp-page-user-profile .user-profile-card.wide { grid-column: auto }
    .lp-page-user-profile .user-profile-row { grid-template-columns: 1fr; gap: 6px }
}

.lp-page-tools-pickfromstock #grid.lp-grid-fit,
.lp-page-tools-returntostock #grid.lp-grid-fit,
.lp-page-tools-addpcstostock #grid.lp-grid-fit,
.lp-page-tools-movetools #grid.lp-grid-fit,
.lp-page-tools-returnasdefect #grid.lp-grid-fit {
    max-height: none;
    overflow: visible !important;
}