:root {
    --lambda-blue: #1b75bc;
    --lambda-navy: #2b388f;
    --lambda-dark: #0b1220;
}

body {
    background: #f5f7fb;
}

.sidebar-brand {
    min-height: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .45rem 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    background: #fff;
}

.sidebar-brand:hover,
.sidebar-brand:focus {
    background: #fff;
}

.lambda-sidebar-logo {
    display: block;
    width: 215px;
    max-width: 100%;
    height: 82px;
    object-fit: contain;
}

.lambda-page-title {
    color: var(--lambda-dark);
    font-weight: 700;
}

.lambda-card {
    border: 0;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}

.lambda-stat-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(27, 117, 188, .1);
    color: var(--lambda-blue);
}

.btn-lambda {
    color: #fff;
    background: linear-gradient(135deg, var(--lambda-blue), var(--lambda-navy));
    border: 0;
}

.btn-lambda:hover,
.btn-lambda:focus {
    color: #fff;
    filter: brightness(.95);
}

.table thead th {
    color: #475569;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* =========================================================
   Sidebar alignment refinements
   ========================================================= */

.sidebar-caret {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    margin-right: .35rem;
    font-size: 16px;
    line-height: 1;
    opacity: .7;
    transition: transform .15s ease;
}

.sidebar-link:not(.collapsed) .sidebar-caret {
    transform: rotate(90deg);
}

.sidebar-caret-placeholder {
    visibility: hidden;
}

.sidebar-dropdown .sidebar-link {
    padding-left: calc(1.625rem + 14px + .35rem + 24px + .55rem);
    font-size: .9rem;
}

/* =========================================================
   Ticket Filters / View Switch
   ========================================================= */

.lio-filter-card,
.lio-queue-tabs-card {
    border: 0;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
}

.lio-view-switch .btn {
    white-space: nowrap;
}

/* =========================================================
   Ticket Kanban Board
   ========================================================= */

.lio-kanban-help {
    border-radius: 14px;
}

.lio-kanban-wrap {
    overflow-x: auto;
    padding-bottom: .75rem;
}

.lio-kanban-board {
    display: flex;
    gap: 1rem;
    min-width: 1120px;
    align-items: stretch;
}

.lio-kanban-column {
    width: 315px;
    min-width: 315px;
}

.lio-kanban-column-card {
    border: 0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}

.lio-kanban-column-header {
    background: color-mix(in srgb, var(--status-color) 13%, #ffffff);
    border-top: 4px solid var(--status-color);
    color: #0f172a;
}

.lio-kanban-status-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    display: inline-block;
    background: var(--status-color);
}

.lio-kanban-count {
    background: var(--status-color);
    color: var(--status-text-color);
    border-radius: 999px;
    min-width: 28px;
    height: 24px;
    padding: 0 .55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .78rem;
    font-weight: 700;
}

.lio-kanban-dropzone {
    min-height: 180px;
    transition: background-color .15s ease, box-shadow .15s ease;
}

.lio-kanban-dropzone.is-drag-over {
    background: rgba(27, 117, 188, .08);
    box-shadow: inset 0 0 0 2px rgba(27, 117, 188, .18);
}

.lio-ticket-card {
    border: 1px solid rgba(15, 23, 42, .08);
    border-left: 4px solid var(--ticket-status-color, #64748b);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .04);
    transition: transform .15s ease, opacity .15s ease, box-shadow .15s ease;
}

.lio-ticket-card.is-dragging {
    opacity: .65;
    transform: rotate(1deg);
}

.lio-ticket-card.is-saving {
    opacity: .75;
    pointer-events: none;
}

.lio-ticket-card.is-saved {
    box-shadow: 0 0 0 3px rgba(25, 135, 84, .18), 0 8px 20px rgba(15, 23, 42, .04);
}

.lio-kanban-draggable {
    cursor: grab;
}

.lio-kanban-draggable:active {
    cursor: grabbing;
}

.lio-kanban-drag-handle {
    color: #94a3b8;
    cursor: grab;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 1.2;
    margin-top: .1rem;
}

.lio-ticket-title {
    color: #0f172a;
    line-height: 1.3;
}

.lio-colour-badge {
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    padding: .35rem .55rem;
    white-space: nowrap;
}

/* =========================================================
   Ticket Watchers & Mentions
   ========================================================= */

.lio-watcher-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .6rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
}

.lio-watcher-row:last-child {
    border-bottom: 0;
}

.lio-user-chip {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: rgba(27, 117, 188, .1);
    color: var(--lambda-blue);
    font-size: .76rem;
    font-weight: 700;
    line-height: 1;
    padding: .35rem .55rem;
}

/* =========================================================
   Ticket Checklists & Subtasks
   ========================================================= */

.lio-checklist-panel {
    border: 0;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
}

.lio-checklist-progress {
    height: 8px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .08);
    overflow: hidden;
}

.lio-checklist-progress-bar {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--lambda-blue), var(--lambda-navy));
    transition: width .2s ease;
}

.lio-checklist-item {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 14px;
    padding: .85rem;
    background: #fff;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.lio-checklist-item + .lio-checklist-item {
    margin-top: .75rem;
}

.lio-checklist-item:hover {
    border-color: rgba(27, 117, 188, .18);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
}

.lio-checklist-item.is-completed {
    background: rgba(25, 135, 84, .04);
    border-color: rgba(25, 135, 84, .16);
}

.lio-checklist-item.is-overdue {
    border-color: rgba(220, 53, 69, .22);
    background: rgba(220, 53, 69, .035);
}

.lio-checklist-title {
    color: #0f172a;
    font-weight: 700;
    line-height: 1.3;
}

.lio-checklist-item.is-completed .lio-checklist-title {
    text-decoration: line-through;
    color: #64748b;
}

.lio-checklist-meta {
    color: #64748b;
    font-size: .8rem;
}

.lio-checklist-actions {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-wrap: wrap;
}

.lio-checklist-checkbox {
    width: 1.15rem;
    height: 1.15rem;
    cursor: pointer;
}

.lio-checklist-empty {
    border: 1px dashed rgba(15, 23, 42, .16);
    border-radius: 14px;
    padding: 1.25rem;
    text-align: center;
    color: #64748b;
    background: rgba(248, 250, 252, .7);
}

.lio-checklist-mini-progress {
    height: 6px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .08);
    overflow: hidden;
}

.lio-checklist-mini-progress-bar {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--lambda-blue), var(--lambda-navy));
}

.lio-kanban-checklist-summary {
    color: #64748b;
    font-size: .75rem;
}

.lio-subtask-badge {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    border-radius: 999px;
    background: rgba(27, 117, 188, .1);
    color: var(--lambda-blue);
    font-size: .72rem;
    font-weight: 700;
    line-height: 1;
    padding: .3rem .5rem;
}

/* =========================================================
   Linked Tickets & Dependencies
   ========================================================= */

.lio-linked-ticket-panel {
    border: 0;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
}

.lio-linked-ticket-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 14px;
    padding: .75rem;
    background: #fff;
    margin-bottom: .65rem;
}

.lio-linked-ticket-row:hover {
    border-color: rgba(27, 117, 188, .18);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
}

.lio-dependency-alert {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    border-radius: 999px;
    background: rgba(220, 53, 69, .1);
    color: #b02a37;
    font-size: .74rem;
    font-weight: 700;
    line-height: 1;
    padding: .32rem .55rem;
}

.lio-dependency-alert svg {
    width: 13px;
    height: 13px;
}

/* =========================================================
   Stabilization: Watcher panel refinements
   ========================================================= */

.lio-watchers-panel {
    border: 0;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
}

.lio-comment-mentions select,
.lio-watchers-panel select {
    min-height: 42px;
}

/* =========================================================
   Ticket Transfers / Department Handover
   ========================================================= */

.lio-transfer-panel {
    border: 0;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
}

.lio-transfer-row {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 14px;
    background: #fff;
    padding: .85rem;
    margin-bottom: .75rem;
}

.lio-transfer-row.is-pending {
    border-color: rgba(255, 193, 7, .35);
    background: rgba(255, 193, 7, .045);
}

.lio-transfer-empty {
    border: 1px dashed rgba(15, 23, 42, .16);
    border-radius: 14px;
    padding: 1.25rem;
    text-align: center;
    color: #64748b;
    background: rgba(248, 250, 252, .7);
}

.lio-transfer-pill {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border-radius: 999px;
    background: rgba(27, 117, 188, .1);
    color: var(--lambda-blue);
    font-size: .75rem;
    font-weight: 700;
    padding: .35rem .55rem;
}

/* =========================================================
   Phase 16.1 Premium Create Ticket + Template UX
   ========================================================= */

.lio-page-hero {
    border: 0;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(27, 117, 188, .1), rgba(43, 56, 143, .08)), #ffffff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
    padding: 1.35rem 1.5rem;
}

.lio-eyebrow {
    color: var(--lambda-blue);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: .25rem;
}

.lio-template-picker-card,
.lio-premium-form-card,
.lio-template-card,
.lio-create-summary-card {
    border: 0;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .055);
}

.lio-template-picker-card {
    background: #fff;
}

.lio-template-select {
    min-height: 42px;
}

.lio-template-applied-box {
    border: 1px solid rgba(27, 117, 188, .16);
    border-radius: 16px;
    background: rgba(27, 117, 188, .055);
    padding: .9rem 1rem;
}

.lio-template-applied-box-muted {
    border-color: rgba(15, 23, 42, .08);
    background: rgba(248, 250, 252, .85);
}

.lio-section-icon,
.lio-template-icon,
.lio-empty-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--lambda-blue), var(--lambda-navy));
    color: #fff;
    flex: 0 0 auto;
}

.lio-section-icon svg,
.lio-template-icon svg,
.lio-empty-icon svg {
    width: 18px;
    height: 18px;
}

.lio-section-icon-soft {
    background: rgba(27, 117, 188, .1);
    color: var(--lambda-blue);
}

.lio-description-textarea {
    min-height: 235px;
    line-height: 1.55;
}

.lio-attachment-drop {
    border: 1px dashed rgba(27, 117, 188, .28);
    border-radius: 16px;
    background: rgba(27, 117, 188, .035);
    padding: 1rem;
}

.lio-side-panel-sticky {
    position: sticky;
    top: 1rem;
}

.lio-create-summary-card {
    background: linear-gradient(135deg, rgba(27, 117, 188, .08), rgba(43, 56, 143, .06)), #fff;
}

.lio-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    padding: .6rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    font-size: .88rem;
}

.lio-summary-row:last-of-type {
    border-bottom: 0;
}

.lio-summary-row span {
    color: #64748b;
}

.lio-summary-row strong {
    color: #0f172a;
    text-align: right;
}

.lio-sticky-actionbar {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
    backdrop-filter: blur(8px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
}

.lio-template-card {
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.lio-template-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 38px rgba(15, 23, 42, .08);
}

.lio-template-meta-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
}

.lio-template-meta-grid > div {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 14px;
    background: rgba(248, 250, 252, .7);
    padding: .75rem;
}

.lio-template-meta-grid span {
    display: block;
    color: #64748b;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: .25rem;
}

.lio-template-meta-grid strong {
    color: #0f172a;
    font-size: .86rem;
}

.lio-empty-state {
    border: 1px dashed rgba(15, 23, 42, .16);
    border-radius: 18px;
    background: #fff;
    padding: 2rem;
    text-align: center;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .04);
}

.lio-empty-icon {
    margin: 0 auto .85rem;
}

@media (max-width: 1199.98px) {
    .lio-side-panel-sticky {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .lio-sticky-actionbar {
        align-items: stretch;
        flex-direction: column;
    }

    .lio-sticky-actionbar .d-flex {
        width: 100%;
    }

    .lio-sticky-actionbar .btn {
        flex: 1 1 auto;
    }

    .lio-template-meta-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   CRM Phase 4A.3 Universal Search & Duplicate Awareness
   ========================================================= */

.lio-navbar-crm-search {
    position: relative;
    align-items: center;
    width: min(360px, 34vw);
    height: 38px;
    border: 1px solid rgba(15, 23, 42, .11);
    border-radius: 11px;
    background: #f8fafc;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.lio-navbar-crm-search:focus-within {
    border-color: rgba(27, 117, 188, .38);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(27, 117, 188, .08);
}

.lio-navbar-crm-search > svg {
    position: absolute;
    left: .72rem;
    width: 15px;
    height: 15px;
    color: #64748b;
    pointer-events: none;
}

.lio-navbar-crm-search input {
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #1e293b;
    font-size: .78rem;
    padding: 0 3.4rem 0 2.1rem;
}

.lio-navbar-crm-search input::placeholder {
    color: #94a3b8;
}

.lio-navbar-crm-search > span {
    position: absolute;
    right: .55rem;
    border-radius: 6px;
    background: rgba(27, 117, 188, .08);
    color: #0b5f9c;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .04em;
    padding: .22rem .35rem;
}

.lio-navbar-crm-search-mobile {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15, 23, 42, .1);
    border-radius: 10px;
    background: #f8fafc;
    color: var(--lambda-blue);
}

.lio-navbar-crm-search-mobile svg {
    width: 16px;
    height: 16px;
}

.lio-page-hero-premium.lio-crm-search-hero {
    border: 1px solid rgba(27, 117, 188, .13);
    background:
        radial-gradient(circle at 100% 0%, rgba(43, 56, 143, .11), transparent 34%),
        linear-gradient(145deg, #fff, #f7fbff);
}

.lio-crm-search-box {
    border: 1px solid rgba(27, 117, 188, .15);
    border-radius: 17px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .05);
}

.lio-crm-search-input {
    position: relative;
}

.lio-crm-search-input > svg {
    position: absolute;
    z-index: 2;
    left: 1rem;
    top: 50%;
    width: 19px;
    height: 19px;
    color: #64748b;
    transform: translateY(-50%);
    pointer-events: none;
}

.lio-crm-search-input .form-control {
    padding-left: 3rem;
}

.lio-crm-search-policy {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    border-radius: 11px;
    background: #f8fafc;
    color: #64748b;
    font-size: .72rem;
    line-height: 1.45;
    padding: .65rem .75rem;
}

.lio-crm-search-policy svg {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    margin-top: .05rem;
    color: var(--lambda-blue);
}

.lio-crm-search-guide {
    border: 1px solid rgba(15, 23, 42, .075);
    border-radius: 15px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .035);
}

.lio-crm-search-guide .card-body > span {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: rgba(27, 117, 188, .08);
    color: var(--lambda-blue);
    margin-bottom: .7rem;
}

.lio-crm-search-guide svg {
    width: 17px;
    height: 17px;
}

.lio-crm-search-guide strong {
    display: block;
    color: #172033;
    font-size: .84rem;
}

.lio-crm-search-guide p {
    color: #64748b;
    font-size: .72rem;
    line-height: 1.5;
    margin: .25rem 0 0;
}

.lio-crm-search-empty {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #64748b;
    padding: 2rem;
    text-align: center;
}

.lio-crm-search-empty > svg {
    width: 34px;
    height: 34px;
    color: #94a3b8;
    margin-bottom: .75rem;
}

.lio-crm-search-empty p {
    max-width: 500px;
    font-size: .78rem;
}

.lio-crm-search-results {
    display: flex;
    flex-direction: column;
    gap: .9rem;
}

.lio-crm-search-group {
    overflow: hidden;
}

.lio-crm-search-group-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 10px;
    background: rgba(27, 117, 188, .08);
    color: var(--lambda-blue);
}

.lio-crm-search-group-icon svg {
    width: 16px;
    height: 16px;
}

.lio-crm-search-result-list {
    display: flex;
    flex-direction: column;
}

.lio-crm-search-result {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(210px, 260px);
    gap: 1rem;
    border-top: 1px solid rgba(15, 23, 42, .07);
    background: #fff;
    padding: 1rem 1.1rem;
}

.lio-crm-search-result.is-restricted {
    border-left: 4px solid #d99a24;
    background: linear-gradient(90deg, rgba(255, 247, 225, .72), #fff 30%);
}

.lio-crm-search-result-main {
    min-width: 0;
}

.lio-crm-search-type,
.lio-crm-search-reference {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: .62rem;
    font-weight: 800;
    padding: .3rem .48rem;
}

.lio-crm-search-type {
    background: rgba(27, 117, 188, .09);
    color: #0b5f9c;
}

.lio-crm-search-reference {
    background: #f1f5f9;
    color: #526174;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.lio-crm-search-result h3 {
    color: #152238;
    font-size: .95rem;
    line-height: 1.3;
    margin: 0;
}

.lio-crm-search-result-main > p {
    color: #64748b;
    font-size: .72rem;
    line-height: 1.45;
    margin: .16rem 0 0;
}

.lio-crm-search-details,
.lio-crm-search-matches {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .38rem;
    margin-top: .6rem;
}

.lio-crm-search-details span {
    border-right: 1px solid rgba(15, 23, 42, .1);
    color: #475569;
    font-size: .68rem;
    padding-right: .42rem;
}

.lio-crm-search-details span:last-child {
    border-right: 0;
}

.lio-crm-search-matches > span {
    color: #64748b;
    font-size: .63rem;
    font-weight: 700;
}

.lio-crm-search-matches small {
    border-radius: 999px;
    background: rgba(25, 135, 84, .08);
    color: #137044;
    font-size: .6rem;
    font-weight: 700;
    padding: .25rem .4rem;
}

.lio-crm-search-result-side {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: .7rem;
    border-left: 1px solid rgba(15, 23, 42, .07);
    padding-left: 1rem;
}

.lio-crm-search-owner span,
.lio-crm-search-owner strong,
.lio-crm-search-owner small {
    display: block;
}

.lio-crm-search-owner span {
    color: #94a3b8;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.lio-crm-search-owner strong {
    color: #253550;
    font-size: .76rem;
    margin-top: .12rem;
}

.lio-crm-search-owner small {
    color: #64748b;
    font-size: .66rem;
}

.lio-crm-search-result-side .btn svg {
    width: 13px;
    height: 13px;
}

.lio-crm-search-restricted-note {
    display: flex;
    align-items: flex-start;
    gap: .48rem;
    border: 1px solid rgba(217, 154, 36, .22);
    border-radius: 10px;
    background: rgba(255, 247, 225, .75);
    color: #815d18;
    padding: .55rem .6rem;
}

.lio-crm-search-restricted-note svg {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    margin-top: .08rem;
}

.lio-crm-search-restricted-note strong,
.lio-crm-search-restricted-note small {
    display: block;
}

.lio-crm-search-restricted-note strong {
    font-size: .68rem;
}

.lio-crm-search-restricted-note small {
    font-size: .61rem;
    line-height: 1.35;
    margin-top: .08rem;
}

@media (max-width: 767.98px) {
    .lio-crm-search-result {
        grid-template-columns: 1fr;
    }

    .lio-crm-search-result-side {
        border-top: 1px solid rgba(15, 23, 42, .07);
        border-left: 0;
        padding-top: .75rem;
        padding-left: 0;
    }
}

/* =========================================================
   Phase 16.1.3 Premium Ticket Creation + Template Library
   ========================================================= */

.lio-premium-workspace {
    --lio-ink: #14213d;
    --lio-muted: #64748b;
    --lio-line: rgba(15, 23, 42, .09);
    --lio-soft-blue: rgba(27, 117, 188, .075);
}

.lio-page-hero-premium {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(27, 117, 188, .1);
    background:
        radial-gradient(circle at 92% 12%, rgba(27, 117, 188, .15), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #f7fbff 58%, #f3f5ff 100%);
    box-shadow: 0 18px 48px rgba(15, 23, 42, .065);
    padding: 1.6rem 1.75rem;
}

.lio-page-hero-premium::after {
    content: '';
    position: absolute;
    width: 190px;
    height: 190px;
    right: -70px;
    bottom: -115px;
    border: 28px solid rgba(43, 56, 143, .045);
    border-radius: 50%;
    pointer-events: none;
}

.lio-page-hero-premium > * {
    position: relative;
    z-index: 1;
}

.lio-hero-copy {
    max-width: 760px;
}

.lio-hero-copy h1 {
    color: var(--lio-ink);
    font-weight: 750;
    letter-spacing: -.025em;
}

.lio-workflow-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    max-width: 780px;
}

.lio-workflow-step {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
    padding: .7rem .8rem;
    border: 1px solid var(--lio-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, .72);
}

.lio-workflow-step > span {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 9px;
    background: #edf2f7;
    color: #475569;
    font-size: .76rem;
    font-weight: 800;
}

.lio-workflow-step.is-active {
    border-color: rgba(27, 117, 188, .18);
    background: rgba(27, 117, 188, .065);
}

.lio-workflow-step.is-active > span {
    background: linear-gradient(135deg, var(--lambda-blue), var(--lambda-navy));
    color: #fff;
}

.lio-workflow-step strong,
.lio-workflow-step small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-workflow-step strong {
    color: var(--lio-ink);
    font-size: .8rem;
}

.lio-workflow-step small {
    color: var(--lio-muted);
    font-size: .69rem;
    margin-top: .05rem;
}

.lio-card-kicker {
    color: var(--lambda-blue);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .085em;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: .25rem;
}

.lio-template-picker-card {
    overflow: hidden;
    border: 1px solid rgba(27, 117, 188, .1);
    box-shadow: 0 14px 38px rgba(15, 23, 42, .055);
}

.lio-template-picker-form {
    display: flex;
    align-items: stretch;
    gap: .65rem;
}

.lio-template-picker-form .lio-template-select {
    flex: 1 1 auto;
    min-width: 0;
    border-color: rgba(27, 117, 188, .18);
    background-color: #fbfdff;
}

.lio-template-spotlight,
.lio-template-blank-state {
    min-height: 148px;
    height: 100%;
    border-radius: 17px;
    padding: 1.05rem 1.1rem;
}

.lio-template-spotlight {
    border: 1px solid rgba(27, 117, 188, .16);
    background: linear-gradient(145deg, rgba(27, 117, 188, .075), rgba(43, 56, 143, .045));
}

.lio-template-blank-state {
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px dashed rgba(15, 23, 42, .15);
    background: #f8fafc;
}

.lio-template-facts {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.lio-template-facts span {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    max-width: 100%;
    border: 1px solid rgba(27, 117, 188, .13);
    border-radius: 999px;
    background: rgba(255, 255, 255, .8);
    color: #334155;
    font-size: .7rem;
    font-weight: 700;
    padding: .35rem .55rem;
}

.lio-template-facts svg {
    width: 13px;
    height: 13px;
    color: var(--lambda-blue);
}

.lio-status-pill {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    flex: 0 0 auto;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .69rem;
    font-weight: 800;
    padding: .35rem .55rem;
}

.lio-status-pill svg {
    width: 13px;
    height: 13px;
}

.lio-status-pill.is-active {
    border-color: rgba(25, 135, 84, .16);
    background: rgba(25, 135, 84, .09);
    color: #137044;
}

.lio-status-pill.is-inactive {
    border-color: rgba(100, 116, 139, .16);
    background: rgba(100, 116, 139, .09);
    color: #526174;
}

.lio-form-section-card {
    overflow: hidden;
    border: 1px solid var(--lio-line);
    box-shadow: 0 14px 38px rgba(15, 23, 42, .05);
}

.lio-card-header-premium {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 0;
    border-bottom: 1px solid rgba(15, 23, 42, .065);
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    padding: 1.25rem 1.5rem;
}

.lio-card-header-compact {
    padding: 1.1rem 1.25rem;
}

.lio-section-number {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--lambda-blue), var(--lambda-navy));
    box-shadow: 0 8px 18px rgba(27, 117, 188, .2);
    color: #fff;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .04em;
}

.lio-completion-hint {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
    font-size: .69rem;
    font-weight: 700;
    padding: .35rem .55rem;
}

.lio-completion-hint svg {
    width: 13px;
    height: 13px;
}

.lio-premium-workspace .form-label {
    color: #334155;
    font-size: .79rem;
    font-weight: 750;
}

.lio-premium-workspace .form-control,
.lio-premium-workspace .form-select,
.lio-premium-workspace .input-group-text {
    border-color: #dbe3ed;
}

.lio-premium-workspace .form-control:focus,
.lio-premium-workspace .form-select:focus {
    border-color: rgba(27, 117, 188, .55);
    box-shadow: 0 0 0 .2rem rgba(27, 117, 188, .11);
}

.lio-premium-workspace .form-text {
    color: #738196;
    font-size: .72rem;
}

.lio-character-count {
    color: #94a3b8;
    font-size: .69rem;
    font-weight: 700;
}

.lio-field-guidance {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .8rem;
}

.lio-field-guidance span {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: #64748b;
    font-size: .7rem;
}

.lio-field-guidance svg {
    width: 13px;
    height: 13px;
    color: #198754;
}

.lio-upload-zone {
    border: 1.5px dashed rgba(27, 117, 188, .3);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(27, 117, 188, .035), rgba(248, 250, 252, .85));
    padding: 1.15rem;
    transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

.lio-upload-zone.is-dragging {
    border-color: var(--lambda-blue);
    background: rgba(27, 117, 188, .09);
    transform: translateY(-1px);
}

.lio-upload-zone-copy {
    display: flex;
    align-items: center;
    gap: .85rem;
}

.lio-upload-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 7px 18px rgba(15, 23, 42, .07);
    color: var(--lambda-blue);
}

.lio-upload-icon svg {
    width: 20px;
    height: 20px;
}

.lio-selected-files {
    display: grid;
    gap: .4rem;
}

.lio-selected-file {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    border: 1px solid rgba(15, 23, 42, .075);
    border-radius: 10px;
    background: #fff;
    color: #334155;
    font-size: .72rem;
    padding: .5rem .65rem;
}

.lio-selected-file span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-selected-file strong {
    flex: 0 0 auto;
    color: #64748b;
    font-size: .68rem;
}

.lio-selected-file.is-too-large {
    border-color: rgba(220, 53, 69, .25);
    background: rgba(220, 53, 69, .045);
}

.lio-selected-file.is-too-large strong {
    color: #b42332;
}

.lio-inline-assurance {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    border: 1px solid rgba(27, 117, 188, .12);
    border-radius: 16px;
    background: rgba(255, 255, 255, .72);
    padding: .95rem 1rem;
}

.lio-live-summary-card {
    overflow: hidden;
    border: 1px solid rgba(27, 117, 188, .11);
    background:
        radial-gradient(circle at 100% 0%, rgba(27, 117, 188, .11), transparent 36%),
        #fff;
}

.lio-live-indicator {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border-radius: 999px;
    background: rgba(25, 135, 84, .09);
    color: #137044;
    font-size: .66rem;
    font-weight: 800;
    padding: .32rem .48rem;
}

.lio-live-indicator > span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #198754;
    box-shadow: 0 0 0 3px rgba(25, 135, 84, .12);
}

.lio-live-indicator.is-offline {
    background: rgba(100, 116, 139, .09);
    color: #526174;
}

.lio-live-indicator.is-offline > span {
    background: #64748b;
    box-shadow: 0 0 0 3px rgba(100, 116, 139, .12);
}

.lio-live-summary-card .lio-summary-row {
    padding: .55rem 0;
}

.lio-live-summary-card .lio-summary-row strong {
    max-width: 62%;
    overflow-wrap: anywhere;
}

[data-lio-summary-target].is-empty {
    color: #94a3b8;
    font-weight: 600;
}

.lio-summary-footer {
    display: flex;
    align-items: center;
    gap: .45rem;
    border-radius: 11px;
    background: #f8fafc;
    color: #64748b;
    font-size: .71rem;
    padding: .55rem .65rem;
}

.lio-summary-footer svg {
    width: 14px;
    height: 14px;
    color: var(--lambda-blue);
}

.lio-sticky-actionbar {
    position: sticky;
    z-index: 20;
    bottom: .75rem;
    border-color: rgba(27, 117, 188, .13);
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 18px 42px rgba(15, 23, 42, .12);
}

.lio-actionbar-icon {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 12px;
    background: rgba(25, 135, 84, .09);
    color: #198754;
}

.lio-actionbar-icon svg {
    width: 18px;
    height: 18px;
}

.lio-template-stat {
    display: flex;
    align-items: center;
    gap: .85rem;
    min-height: 88px;
    border: 1px solid var(--lio-line);
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
    color: inherit;
    padding: 1rem;
    text-decoration: none;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.lio-template-stat:hover,
.lio-template-stat.is-selected {
    border-color: rgba(27, 117, 188, .22);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
    color: inherit;
    transform: translateY(-1px);
}

.lio-template-stat.is-selected {
    background: linear-gradient(145deg, #fff, rgba(27, 117, 188, .045));
}

.lio-stat-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 13px;
    background: rgba(27, 117, 188, .09);
    color: var(--lambda-blue);
}

.lio-stat-icon.is-success {
    background: rgba(25, 135, 84, .09);
    color: #198754;
}

.lio-stat-icon.is-muted {
    background: rgba(100, 116, 139, .09);
    color: #64748b;
}

.lio-stat-icon svg {
    width: 19px;
    height: 19px;
}

.lio-template-stat > span:nth-child(2) {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lio-template-stat small {
    color: #64748b;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.lio-template-stat strong {
    color: var(--lio-ink);
    font-size: 1.25rem;
    line-height: 1.2;
}

.lio-stat-arrow {
    width: 17px;
    height: 17px;
    margin-left: auto;
    color: #94a3b8;
}

.lio-template-filter-card {
    border: 1px solid var(--lio-line);
    box-shadow: 0 12px 32px rgba(15, 23, 42, .045);
}

.lio-search-control {
    position: relative;
}

.lio-search-control > svg {
    position: absolute;
    z-index: 2;
    width: 17px;
    height: 17px;
    left: .85rem;
    top: 50%;
    color: #94a3b8;
    transform: translateY(-50%);
}

.lio-search-control .form-control {
    padding-left: 2.45rem;
}

.lio-template-card {
    overflow: hidden;
    border: 1px solid var(--lio-line);
    box-shadow: 0 12px 34px rgba(15, 23, 42, .05);
}

.lio-template-card::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--lambda-blue), var(--lambda-navy));
}

.lio-template-card.is-inactive {
    background: #fbfcfd;
}

.lio-template-card.is-inactive::before {
    background: #94a3b8;
}

.lio-template-description {
    min-height: 40px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.lio-template-route {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    border: 1px solid rgba(27, 117, 188, .1);
    border-radius: 13px;
    background: rgba(27, 117, 188, .045);
    padding: .7rem .8rem;
}

.lio-template-route > span {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #64748b;
    font-size: .66rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.lio-template-route svg {
    width: 13px;
    height: 13px;
    color: var(--lambda-blue);
}

.lio-template-route strong {
    color: #253550;
    font-size: .81rem;
}

.lio-template-route small {
    color: #64748b;
    font-size: .7rem;
}

.lio-template-card .lio-template-meta-grid > div {
    border-radius: 12px;
    padding: .65rem;
}

.lio-template-card-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    border-top: 1px solid rgba(15, 23, 42, .07);
    padding-top: 1rem;
}

.lio-template-card-actions .btn svg {
    width: 14px;
    height: 14px;
}

.lio-pagination-card {
    border-radius: 16px;
}

.lio-publication-card,
.lio-template-preview-card,
.lio-advanced-card {
    overflow: hidden;
    border: 1px solid var(--lio-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .045);
}

.lio-premium-switch .form-check-input {
    width: 2.55rem;
    height: 1.3rem;
    cursor: pointer;
}

.lio-publication-state {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    border-radius: 12px;
    background: #f8fafc;
    padding: .65rem .75rem;
}

.lio-publication-state > small {
    color: #64748b;
    font-size: .68rem;
    text-align: right;
}

.lio-advanced-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 0;
    background: #fff;
    color: var(--lio-ink);
    padding: 1rem 1.2rem;
}

.lio-advanced-toggle small {
    display: block;
    color: #64748b;
    font-size: .7rem;
    font-weight: 400;
    margin-top: .1rem;
}

.lio-advanced-chevron {
    width: 18px;
    height: 18px;
    color: #64748b;
    transition: transform .18s ease;
}

.lio-advanced-toggle[aria-expanded='true'] .lio-advanced-chevron {
    transform: rotate(180deg);
}

.lio-template-preview-card {
    background:
        radial-gradient(circle at 100% 0%, rgba(43, 56, 143, .09), transparent 34%),
        #fff;
}

.lio-preview-badge {
    border-radius: 999px;
    background: rgba(25, 135, 84, .09);
    color: #137044;
    font-size: .66rem;
    font-weight: 800;
    padding: .35rem .55rem;
}

.lio-preview-badge.is-inactive {
    background: rgba(100, 116, 139, .09);
    color: #526174;
}

.lio-preview-window {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 14px;
    background: #f8fafc;
    padding: .85rem;
}

.lio-preview-window > small {
    display: block;
    overflow: hidden;
    color: var(--lambda-blue);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.lio-preview-window h3 {
    color: var(--lio-ink);
    font-size: .91rem;
    line-height: 1.35;
    margin: .4rem 0 .55rem;
    overflow-wrap: anywhere;
}

.lio-preview-window p {
    max-height: 138px;
    overflow: hidden;
    color: #64748b;
    font-size: .71rem;
    line-height: 1.5;
    margin: 0;
    white-space: pre-line;
}

.lio-template-preview-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
}

.lio-template-preview-meta > span {
    min-width: 0;
    border: 1px solid rgba(15, 23, 42, .07);
    border-radius: 11px;
    background: #fff;
    padding: .55rem;
}

.lio-template-preview-meta small,
.lio-template-preview-meta strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-template-preview-meta small {
    color: #94a3b8;
    font-size: .59rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.lio-template-preview-meta strong {
    color: #334155;
    font-size: .69rem;
    margin-top: .1rem;
}

/* =========================================================
   Phase 16.1.4 Visual Delivery + Responsive Refinements
   ========================================================= */

.lio-ticket-create-grid {
    align-items: flex-start;
}

.lio-ticket-create-grid > [class*='col-'] {
    min-width: 0;
}

.lio-template-card.h-100 {
    height: auto !important;
}

.lio-template-card .card-body {
    padding-bottom: 1.15rem !important;
}

.lio-template-card-actions.mt-auto {
    margin-top: .2rem !important;
}

@media (max-width: 1199.98px) {
    .lio-side-panel-sticky {
        position: static;
    }

    .lio-template-preview-meta {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .lio-page-hero-premium {
        padding: 1.1rem;
    }

    .lio-workflow-steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .4rem;
        margin-top: 1rem !important;
    }

    .lio-workflow-step {
        justify-content: center;
        gap: .4rem;
        padding: .55rem .45rem;
    }

    .lio-workflow-step > span {
        width: 24px;
        height: 24px;
        border-radius: 8px;
        font-size: .68rem;
    }

    .lio-workflow-step > div {
        min-width: 0;
    }

    .lio-workflow-step strong {
        font-size: .68rem;
        line-height: 1.2;
        white-space: normal;
    }

    .lio-workflow-step small {
        display: none;
    }

    .lio-template-picker-card > .card-body {
        padding: 1rem !important;
    }

    .lio-template-picker-form {
        flex-direction: column;
    }

    .lio-card-header-premium {
        align-items: flex-start;
        padding: 1rem;
    }

    .lio-completion-hint {
        display: none;
    }

    .lio-form-section-card > .card-body,
    .lio-live-summary-card > .card-body,
    .lio-template-preview-card > .card-body,
    .lio-publication-card > .card-body {
        padding: 1rem !important;
    }

    .lio-template-card-actions,
    .lio-publication-state {
        align-items: stretch;
        flex-direction: column;
    }

    .lio-publication-state > small {
        text-align: left;
    }

    .lio-template-preview-meta {
        grid-template-columns: 1fr 1fr;
    }

    .lio-sticky-actionbar {
        bottom: .35rem;
    }

    .lio-actionbar-buttons {
        width: 100%;
    }

    .lio-actionbar-buttons .btn {
        flex: 1 1 0;
    }
}

@media (max-width: 575.98px) {
    .lio-template-facts,
    .lio-field-guidance {
        flex-direction: column;
        align-items: flex-start;
    }

    .lio-template-preview-meta {
        grid-template-columns: 1fr;
    }

    .lio-template-stat-grid .col-md-4 {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lio-template-card,
    .lio-template-stat,
    .lio-upload-zone,
    .lio-advanced-chevron {
        transition: none;
    }
}

/* =========================================================
   Phase 17 Secure Branded Operations Workspace
   ========================================================= */

.lio-auth-body {
    min-height: 100vh;
    margin: 0;
    background: #f4f7fb;
    color: #14213d;
}

.lio-auth-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(340px, .92fr) minmax(440px, 1.08fr);
}

.lio-auth-brand-panel {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    isolation: isolate;
    padding: clamp(2rem, 4.5vw, 4.75rem);
    background:
        radial-gradient(circle at 15% 15%, rgba(91, 182, 255, .27), transparent 28%),
        radial-gradient(circle at 90% 82%, rgba(99, 102, 241, .28), transparent 31%),
        linear-gradient(145deg, #0b315b 0%, #132f78 54%, #241b63 100%);
    color: #fff;
}

.lio-auth-brand-panel::before,
.lio-auth-brand-panel::after {
    position: absolute;
    z-index: -1;
    content: '';
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
}

.lio-auth-brand-panel::before {
    width: 420px;
    height: 420px;
    top: -210px;
    right: -145px;
}

.lio-auth-brand-panel::after {
    width: 260px;
    height: 260px;
    right: 9%;
    bottom: -150px;
}

.lio-auth-brand-content {
    width: min(100%, 620px);
    margin: auto;
}

.lio-auth-brand,
.lio-auth-mobile-brand {
    display: flex;
    align-items: center;
    gap: .75rem;
    text-decoration: none;
}

.lio-auth-brand {
    width: fit-content;
    align-items: flex-start;
    flex-direction: column;
}

.lio-auth-brand:hover {
    color: #fff;
}

.lio-auth-logo-surface {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 18px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
    padding: .35rem .7rem;
}

.lio-auth-logo {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.lio-auth-logo-desktop {
    width: 190px;
}

.lio-auth-logo-mobile {
    width: 218px;
}

.lio-auth-workspace-label {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, .7);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.3;
    text-transform: uppercase;
}

.lio-auth-brand-copy {
    margin: clamp(4rem, 9vh, 7.5rem) 0 3rem;
}

.lio-auth-eyebrow {
    display: block;
    color: #4fa9e8;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: .55rem;
}

.lio-auth-brand-copy .lio-auth-eyebrow {
    color: #8ed0ff;
}

.lio-auth-brand-copy h1 {
    max-width: 570px;
    margin: 0 0 1.15rem;
    color: #fff;
    font-size: clamp(2.15rem, 4vw, 3.55rem);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.05;
}

.lio-auth-brand-copy p {
    max-width: 540px;
    margin: 0;
    color: rgba(235, 245, 255, .78);
    font-size: 1rem;
    line-height: 1.7;
}

.lio-auth-trust-grid {
    display: grid;
    gap: .75rem;
}

.lio-auth-trust-grid > div {
    display: flex;
    align-items: center;
    gap: .85rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 15px;
    background: rgba(255, 255, 255, .06);
    padding: .85rem 1rem;
    backdrop-filter: blur(8px);
}

.lio-auth-trust-grid svg {
    width: 19px;
    height: 19px;
    color: #8ed0ff;
}

.lio-auth-trust-grid strong,
.lio-auth-trust-grid small {
    display: block;
}

.lio-auth-trust-grid strong {
    color: #fff;
    font-size: .82rem;
}

.lio-auth-trust-grid small {
    color: rgba(235, 245, 255, .66);
    font-size: .7rem;
    margin-top: .08rem;
}

.lio-auth-brand-footer {
    width: min(100%, 620px);
    margin: 2rem auto 0;
    color: rgba(235, 245, 255, .55);
    font-size: .68rem;
    letter-spacing: .04em;
}

.lio-auth-form-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: clamp(1.5rem, 5vw, 5rem);
    background:
        radial-gradient(circle at 100% 0%, rgba(27, 117, 188, .08), transparent 30%),
        #f7f9fc;
}

.lio-auth-card {
    width: min(100%, 490px);
    border: 1px solid rgba(15, 23, 42, .07);
    border-radius: 24px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 28px 70px rgba(15, 23, 42, .1);
    padding: clamp(1.5rem, 4vw, 3rem);
}

.lio-auth-mobile-brand {
    display: none;
    width: min(100%, 490px);
    margin-bottom: 1.25rem;
}

.lio-auth-mobile-brand .lio-auth-workspace-label {
    color: #64748b;
    font-size: .66rem;
}

.lio-auth-card-heading {
    margin-bottom: 1.7rem;
}

.lio-auth-card-heading h2 {
    margin: 0 0 .55rem;
    color: #14213d;
    font-size: clamp(1.65rem, 3vw, 2.05rem);
    font-weight: 800;
    letter-spacing: -.03em;
}

.lio-auth-card-heading p {
    margin: 0;
    color: #64748b;
    line-height: 1.6;
}

.lio-auth-form {
    display: grid;
    gap: 1.15rem;
}

.lio-auth-form .form-label {
    color: #334155;
    font-size: .78rem;
    font-weight: 750;
    margin-bottom: .4rem;
}

.lio-auth-input-wrap {
    position: relative;
}

.lio-auth-input-wrap > svg {
    position: absolute;
    z-index: 2;
    width: 17px;
    height: 17px;
    top: 50%;
    left: .95rem;
    color: #8492a6;
    transform: translateY(-50%);
    pointer-events: none;
}

.lio-auth-input-wrap .form-control {
    min-height: 48px;
    padding-left: 2.8rem;
    border-color: rgba(15, 23, 42, .13);
    border-radius: 12px;
    background: #fbfdff;
}

.lio-auth-input-wrap .form-control:focus {
    border-color: rgba(27, 117, 188, .5);
    box-shadow: 0 0 0 .2rem rgba(27, 117, 188, .1);
    background: #fff;
}

.lio-auth-form .btn-lg {
    min-height: 49px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: .9rem;
    font-weight: 750;
}

.lio-auth-form .btn svg {
    width: 16px;
    height: 16px;
}

.lio-auth-inline-link {
    color: var(--lambda-blue);
    font-size: .74rem;
    font-weight: 700;
    text-decoration: none;
}

.lio-auth-security-note {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    border: 1px solid rgba(27, 117, 188, .1);
    border-radius: 13px;
    background: rgba(27, 117, 188, .055);
    color: #526174;
    font-size: .72rem;
    line-height: 1.5;
    margin-top: 1.4rem;
    padding: .8rem .9rem;
}

.lio-auth-security-note svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    color: var(--lambda-blue);
    margin-top: .1rem;
}

.lio-auth-help {
    width: min(100%, 490px);
    margin: 1.25rem 0 0;
    color: #8492a6;
    font-size: .7rem;
    text-align: center;
}

.lio-profile-summary-card {
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgba(27, 117, 188, .11), transparent 34%),
        #fff;
}

.lio-profile-avatar {
    width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid rgba(255, 255, 255, .86);
    border-radius: 24px;
    background: linear-gradient(135deg, var(--lambda-blue), var(--lambda-navy));
    box-shadow: 0 13px 28px rgba(27, 117, 188, .22);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 850;
    letter-spacing: -.04em;
    margin-bottom: 1.25rem;
}

.lio-profile-status {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
    padding: .4rem .65rem;
}

.lio-profile-status > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.lio-profile-status.is-active {
    background: rgba(25, 135, 84, .09);
    color: #137044;
}

.lio-profile-status.is-active > span {
    background: #198754;
    box-shadow: 0 0 0 4px rgba(25, 135, 84, .1);
}

.lio-profile-status.is-inactive {
    background: rgba(220, 53, 69, .09);
    color: #b02a37;
}

.lio-profile-status.is-inactive > span {
    background: #dc3545;
}

.lio-profile-facts > div {
    padding: .75rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, .075);
}

.lio-profile-facts > div:last-child {
    border-bottom: 0;
}

.lio-profile-facts dt,
.lio-profile-facts dd {
    margin: 0;
}

.lio-profile-facts dt {
    color: #8492a6;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.lio-profile-facts dd {
    overflow-wrap: anywhere;
    color: #253550;
    font-size: .82rem;
    font-weight: 700;
    margin-top: .2rem;
}

.lio-managed-account-note {
    display: flex;
    gap: .85rem;
    border: 1px solid rgba(27, 117, 188, .12);
    border-radius: 16px;
    background: rgba(27, 117, 188, .055);
    padding: 1rem;
}

.lio-managed-account-note svg {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
    color: var(--lambda-blue);
}

.lio-managed-account-note strong,
.lio-managed-account-note span {
    display: block;
}

.lio-managed-account-note strong {
    color: #253550;
    font-size: .78rem;
}

.lio-managed-account-note span {
    color: #64748b;
    font-size: .7rem;
    line-height: 1.5;
    margin-top: .2rem;
}

.lio-profile-section-heading {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.lio-profile-section-heading .lio-section-icon {
    width: 42px;
    height: 42px;
}

.lio-profile-workspace .form-control {
    min-height: 43px;
    border-color: rgba(15, 23, 42, .12);
    border-radius: 10px;
    background: #fbfdff;
}

.lio-dashboard-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    border: 1px solid rgba(27, 117, 188, .1);
    border-radius: 22px;
    background:
        radial-gradient(circle at 88% 20%, rgba(27, 117, 188, .15), transparent 27%),
        linear-gradient(135deg, #fff 0%, #f7fbff 62%, #f2f4ff 100%);
    box-shadow: 0 18px 48px rgba(15, 23, 42, .065);
    padding: clamp(1.35rem, 3vw, 2rem);
}

.lio-dashboard-hero h1 {
    margin: 0 0 .4rem;
    color: #14213d;
    font-size: clamp(1.55rem, 3vw, 2.25rem);
    font-weight: 800;
    letter-spacing: -.035em;
}

.lio-dashboard-hero p {
    margin: 0;
    color: #64748b;
}

.lio-dashboard-hero-actions {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
    gap: .65rem;
}

.lio-dashboard-stat {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    gap: .85rem;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .065);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .055);
    color: #14213d;
    padding: 1.15rem;
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease;
}

.lio-dashboard-stat:hover {
    color: #14213d;
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .085);
}

.lio-dashboard-stat-icon {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 14px;
    background: rgba(27, 117, 188, .1);
    color: var(--lambda-blue);
}

.lio-dashboard-stat-icon svg {
    width: 20px;
    height: 20px;
}

.lio-dashboard-stat > span:nth-child(2) {
    min-width: 0;
}

.lio-dashboard-stat small,
.lio-dashboard-stat strong,
.lio-dashboard-stat em {
    display: block;
}

.lio-dashboard-stat small {
    color: #64748b;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.lio-dashboard-stat strong {
    color: #14213d;
    font-size: 1.6rem;
    line-height: 1.15;
    margin: .15rem 0;
}

.lio-dashboard-stat em {
    overflow: hidden;
    color: #8492a6;
    font-size: .68rem;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-dashboard-stat.is-danger .lio-dashboard-stat-icon {
    background: rgba(220, 53, 69, .09);
    color: #dc3545;
}

.lio-dashboard-stat.is-success .lio-dashboard-stat-icon {
    background: rgba(25, 135, 84, .09);
    color: #198754;
}

.lio-dashboard-stat.is-info .lio-dashboard-stat-icon {
    background: rgba(13, 202, 240, .1);
    color: #087990;
}

.lio-stat-arrow {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    color: #a7b1c2;
    margin-left: auto;
}

.lio-dashboard-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 0;
    border-bottom: 1px solid rgba(15, 23, 42, .065);
    background: transparent;
    padding: 1.25rem 1.4rem;
}

.lio-dashboard-table-card {
    overflow: hidden;
}

.lio-dashboard-table-card thead th {
    border-top: 0;
    background: #f8fafc;
}

.lio-dashboard-table-card tbody td {
    padding-top: .9rem;
    padding-bottom: .9rem;
}

.lio-ticket-number-link,
.lio-dashboard-ticket-title {
    color: #1b5f9d;
    font-weight: 750;
    text-decoration: none;
}

.lio-dashboard-ticket-title,
.lio-dashboard-ticket-title + small {
    display: block;
}

.lio-dashboard-ticket-title + small {
    color: #8492a6;
    font-size: .68rem;
    margin-top: .15rem;
}

.lio-attention-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .7rem;
}

.lio-attention-grid a {
    border: 1px solid rgba(15, 23, 42, .075);
    border-radius: 13px;
    background: #fbfdff;
    color: #64748b;
    padding: .85rem;
    text-decoration: none;
}

.lio-attention-grid span,
.lio-attention-grid strong {
    display: block;
}

.lio-attention-grid span {
    font-size: .68rem;
    font-weight: 700;
}

.lio-attention-grid strong {
    color: #14213d;
    font-size: 1.2rem;
    margin-top: .2rem;
}

.lio-breakdown-list,
.lio-priority-list,
.lio-department-load-grid {
    display: grid;
    gap: .9rem;
}

.lio-breakdown-list > div {
    display: grid;
    grid-template-columns: 8px minmax(78px, auto) 1fr auto;
    align-items: center;
    gap: .55rem;
}

.lio-breakdown-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.lio-breakdown-name {
    overflow: hidden;
    color: #526174;
    font-size: .72rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-breakdown-track,
.lio-load-track {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #edf1f6;
}

.lio-breakdown-track i,
.lio-load-track span {
    height: 100%;
    display: block;
    border-radius: inherit;
}

.lio-breakdown-list strong {
    color: #253550;
    font-size: .74rem;
}

.lio-priority-list > div {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.lio-priority-ring {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background: conic-gradient(var(--priority-color) var(--priority-progress), #edf1f6 0);
}

.lio-priority-ring::before {
    width: 33px;
    height: 33px;
    grid-area: 1 / 1;
    content: '';
    border-radius: 50%;
    background: #fff;
}

.lio-priority-ring i {
    z-index: 1;
    grid-area: 1 / 1;
    color: #526174;
    font-size: .56rem;
    font-style: normal;
    font-weight: 800;
}

.lio-priority-list strong,
.lio-priority-list small {
    display: block;
}

.lio-priority-list strong {
    color: #253550;
    font-size: .78rem;
}

.lio-priority-list small {
    color: #8492a6;
    font-size: .66rem;
    margin-top: .1rem;
}

.lio-department-load-row {
    display: grid;
    grid-template-columns: minmax(150px, .55fr) 1fr;
    align-items: center;
    gap: 1rem;
}

.lio-department-load-row strong,
.lio-department-load-row span {
    display: block;
}

.lio-department-load-row strong {
    overflow: hidden;
    color: #253550;
    font-size: .76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-department-load-row > div:first-child span {
    color: #8492a6;
    font-size: .64rem;
    margin-top: .1rem;
}

.lio-load-track span {
    min-width: 3px;
    background: linear-gradient(90deg, var(--lambda-blue), var(--lambda-navy));
}

@media (max-width: 991.98px) {
    .lio-auth-shell {
        grid-template-columns: 1fr;
    }

    .lio-auth-brand-panel {
        display: none;
    }

    .lio-auth-mobile-brand {
        display: flex;
    }

    .lio-auth-form-panel {
        min-height: 100vh;
    }

    .lio-dashboard-hero {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    .lio-auth-form-panel {
        justify-content: flex-start;
        padding: 1rem;
    }

    .lio-auth-card {
        border-radius: 18px;
        padding: 1.35rem;
    }

    .lio-auth-logo-mobile {
        width: 188px;
    }

    .lio-auth-mobile-brand {
        align-items: flex-start;
        flex-direction: column;
        gap: .15rem;
    }

    .lio-dashboard-hero-actions,
    .lio-dashboard-hero-actions .btn,
    .lio-dashboard-card-header .btn {
        width: 100%;
    }

    .lio-dashboard-card-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .lio-department-load-row {
        grid-template-columns: 1fr;
        gap: .35rem;
    }
}

/* =========================================================
   Phase 18 — Management intelligence and SLA action centre
   ========================================================= */

.lio-intelligence-workspace {
    color: #334155;
}

.lio-intelligence-hero,
.lio-report-page-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    overflow: hidden;
    position: relative;
    border-radius: 22px;
    padding: 2rem;
}

.lio-intelligence-hero {
    color: #fff;
    background:
        radial-gradient(circle at 88% 20%, rgba(71, 184, 255, .28), transparent 30%),
        radial-gradient(circle at 72% 100%, rgba(78, 76, 190, .34), transparent 38%),
        linear-gradient(135deg, #102947 0%, #174d78 52%, #2b388f 100%);
    box-shadow: 0 20px 46px rgba(15, 45, 78, .2);
}

.lio-intelligence-hero::after {
    width: 260px;
    height: 260px;
    position: absolute;
    right: -80px;
    bottom: -150px;
    content: '';
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    box-shadow: 0 0 0 35px rgba(255, 255, 255, .025), 0 0 0 70px rgba(255, 255, 255, .02);
}

.lio-intelligence-hero > *,
.lio-report-page-hero > * {
    z-index: 1;
    position: relative;
}

.lio-intelligence-hero h1,
.lio-report-page-hero h1 {
    margin: .15rem 0 .55rem;
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    font-weight: 800;
    letter-spacing: -.035em;
}

.lio-intelligence-hero p,
.lio-report-page-hero p {
    max-width: 760px;
    margin: 0;
    line-height: 1.65;
}

.lio-intelligence-hero p {
    color: rgba(255, 255, 255, .76);
}

.lio-intelligence-hero .lio-eyebrow {
    color: #8ed5ff;
}

.lio-intelligence-period,
.lio-report-period-label {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    margin-top: 1rem;
}

.lio-intelligence-period {
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 13px;
    background: rgba(7, 24, 45, .26);
    padding: .6rem .8rem;
}

.lio-intelligence-period svg,
.lio-report-period-label svg {
    width: 16px;
    height: 16px;
}

.lio-intelligence-period span,
.lio-intelligence-period strong {
    display: block;
}

.lio-intelligence-period span {
    color: rgba(255, 255, 255, .65);
    font-size: .66rem;
}

.lio-intelligence-period strong {
    color: #fff;
    font-size: .74rem;
    margin-bottom: .05rem;
}

.lio-intelligence-hero-actions {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex: 0 0 auto;
}

.lio-intelligence-hero-actions .btn-light {
    border: 0;
    color: #153c63;
    font-weight: 700;
}

.lio-intelligence-hero-actions .btn-outline-primary {
    border-color: rgba(255, 255, 255, .42);
    color: #fff;
}

.lio-intelligence-hero-actions .btn-outline-primary:hover,
.lio-intelligence-hero-actions .btn-outline-primary:focus {
    border-color: #fff;
    color: #173d64;
    background: #fff;
}

.lio-report-page-hero {
    border: 1px solid rgba(27, 117, 188, .09);
    background:
        radial-gradient(circle at 92% 14%, rgba(27, 117, 188, .1), transparent 30%),
        linear-gradient(135deg, #fff, #f7fbff);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .055);
}

.lio-report-page-hero h1 {
    color: #14213d;
}

.lio-report-page-hero p {
    color: #64748b;
}

.lio-report-period-label {
    color: #476078;
    font-size: .74rem;
    font-weight: 700;
}

.lio-report-nav {
    display: flex;
    gap: .4rem;
    overflow-x: auto;
    margin-bottom: 1rem;
    border: 1px solid rgba(15, 23, 42, .065);
    border-radius: 15px;
    background: #fff;
    padding: .45rem;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .035);
    scrollbar-width: thin;
}

.lio-report-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-width: max-content;
    border-radius: 10px;
    color: #64748b;
    padding: .62rem .82rem;
    font-size: .72rem;
    font-weight: 750;
    text-decoration: none;
    transition: all .15s ease;
}

.lio-report-nav a svg {
    width: 15px;
    height: 15px;
}

.lio-report-nav a:hover {
    color: var(--lambda-blue);
    background: #f3f8fd;
}

.lio-report-nav a.active {
    color: #fff;
    background: linear-gradient(135deg, var(--lambda-blue), var(--lambda-navy));
    box-shadow: 0 7px 16px rgba(27, 117, 188, .2);
}

.lio-report-filter-card {
    border: 1px solid rgba(15, 23, 42, .05);
}

.lio-report-filter-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.lio-report-filter-top > div:first-child strong,
.lio-report-filter-top > div:first-child span {
    display: block;
}

.lio-report-filter-top > div:first-child strong {
    color: #253550;
    font-size: .82rem;
}

.lio-report-filter-top > div:first-child span {
    color: #8492a6;
    font-size: .68rem;
    margin-top: .12rem;
}

.lio-period-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.lio-period-pills a {
    border: 1px solid #dce5ef;
    border-radius: 999px;
    color: #65758b;
    background: #fff;
    padding: .4rem .65rem;
    font-size: .65rem;
    font-weight: 750;
    text-decoration: none;
}

.lio-period-pills a:hover,
.lio-period-pills a.active {
    border-color: rgba(27, 117, 188, .2);
    color: var(--lambda-blue);
    background: rgba(27, 117, 188, .075);
}

.lio-report-filter-form .form-label {
    color: #526174;
    font-size: .69rem;
    font-weight: 750;
}

.lio-report-filter-form .form-control,
.lio-report-filter-form .form-select {
    border-color: #dce5ef;
    border-radius: 10px;
    font-size: .75rem;
}

.lio-report-export-menu {
    min-width: 220px;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 12px;
    padding: .45rem;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .12);
}

.lio-report-export-menu .dropdown-item {
    border-radius: 8px;
    color: #526174;
    padding: .55rem .7rem;
    font-size: .72rem;
    font-weight: 650;
}

.lio-intelligence-kpi {
    min-height: 154px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: .75rem;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .055);
    border-radius: 18px;
    color: inherit;
    background: #fff;
    padding: 1.05rem;
    text-decoration: none;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .05);
    transition: transform .15s ease, box-shadow .15s ease;
}

a.lio-intelligence-kpi:hover {
    color: inherit;
    transform: translateY(-2px);
    box-shadow: 0 15px 32px rgba(15, 23, 42, .085);
}

.lio-intelligence-kpi::after {
    width: 80px;
    height: 80px;
    position: absolute;
    top: -42px;
    right: -35px;
    content: '';
    border-radius: 50%;
    background: rgba(27, 117, 188, .06);
}

.lio-intelligence-kpi-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--lambda-blue);
    background: rgba(27, 117, 188, .09);
}

.lio-intelligence-kpi-icon svg {
    width: 19px;
    height: 19px;
}

.lio-intelligence-kpi.is-success .lio-intelligence-kpi-icon {
    color: #15803d;
    background: rgba(22, 163, 74, .09);
}

.lio-intelligence-kpi.is-danger .lio-intelligence-kpi-icon {
    color: #dc2626;
    background: rgba(220, 38, 38, .085);
}

.lio-intelligence-kpi.is-warning .lio-intelligence-kpi-icon {
    color: #b45309;
    background: rgba(245, 158, 11, .12);
}

.lio-intelligence-kpi-copy small,
.lio-intelligence-kpi-copy strong,
.lio-intelligence-kpi-copy em {
    display: block;
}

.lio-intelligence-kpi-copy small {
    color: #6b7c91;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.lio-intelligence-kpi-copy strong {
    color: #14213d;
    font-size: 1.75rem;
    line-height: 1.2;
    margin: .28rem 0 .12rem;
}

.lio-intelligence-kpi-copy em {
    color: #8794a7;
    font-size: .66rem;
    font-style: normal;
}

.lio-kpi-delta {
    grid-column: 1 / -1;
    align-self: end;
    width: max-content;
    border-radius: 999px;
    color: #64748b;
    background: #f1f5f9;
    padding: .28rem .5rem;
    font-size: .6rem;
    font-weight: 750;
}

.lio-kpi-delta.positive {
    color: #15803d;
    background: #edf9f1;
}

.lio-kpi-delta.negative {
    color: #b91c1c;
    background: #fff1f1;
}

.lio-report-panel {
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .045);
}

.lio-chart-legend {
    display: flex;
    gap: .8rem;
    color: #6b7c91;
    font-size: .64rem;
    font-weight: 700;
}

.lio-chart-legend span {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.lio-chart-legend i {
    width: 8px;
    height: 8px;
    border-radius: 3px;
}

.lio-chart-legend .is-created,
.lio-flow-bars .is-created {
    background: linear-gradient(180deg, #3ea8df, var(--lambda-blue));
}

.lio-chart-legend .is-resolved,
.lio-flow-bars .is-resolved {
    background: linear-gradient(180deg, #6ecf97, #1b9b57);
}

.lio-flow-chart {
    height: 260px;
    display: flex;
    align-items: stretch;
    gap: clamp(.3rem, 1.2vw, .9rem);
    overflow-x: auto;
    border-bottom: 1px solid #e7edf4;
    padding: .5rem .25rem 0;
}

.lio-flow-column {
    min-width: 34px;
    display: grid;
    grid-template-rows: 1fr 30px;
    flex: 1 0 34px;
}

.lio-flow-bars {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 3px;
}

.lio-flow-bars > span {
    width: min(15px, 40%);
    min-height: 0;
    position: relative;
    border-radius: 5px 5px 1px 1px;
}

.lio-flow-bars > span i {
    display: none;
    position: absolute;
    top: -18px;
    left: 50%;
    color: #526174;
    font-size: .55rem;
    font-style: normal;
    font-weight: 800;
    transform: translateX(-50%);
}

.lio-flow-column:hover .lio-flow-bars > span i {
    display: block;
}

.lio-flow-column > small {
    overflow: hidden;
    color: #8492a6;
    padding-top: .45rem;
    font-size: .54rem;
    font-weight: 700;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-sla-score-grid {
    display: grid;
    gap: 1rem;
}

.lio-sla-score {
    display: flex;
    align-items: center;
    gap: .85rem;
    border: 1px solid #e8eef5;
    border-radius: 15px;
    background: #fbfdff;
    padding: .85rem;
}

.lio-sla-ring {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background: conic-gradient(#1b9b57 var(--score), #e8edf3 0);
}

.lio-sla-ring::before {
    width: 45px;
    height: 45px;
    grid-area: 1 / 1;
    content: '';
    border-radius: 50%;
    background: #fff;
}

.lio-sla-ring strong {
    z-index: 1;
    grid-area: 1 / 1;
    color: #253550;
    font-size: .73rem;
}

.lio-sla-score > div:last-child strong,
.lio-sla-score > div:last-child span,
.lio-sla-score > div:last-child small {
    display: block;
}

.lio-sla-score > div:last-child strong {
    color: #253550;
    font-size: .78rem;
}

.lio-sla-score > div:last-child span {
    color: #64748b;
    font-size: .65rem;
    margin-top: .12rem;
}

.lio-sla-score > div:last-child small {
    color: #94a3b8;
    font-size: .6rem;
    margin-top: .12rem;
}

.lio-response-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .45rem;
    margin-top: 1rem;
}

.lio-response-metrics > div {
    border-radius: 11px;
    background: #f4f8fc;
    padding: .65rem;
}

.lio-response-metrics span,
.lio-response-metrics strong {
    display: block;
}

.lio-response-metrics span {
    color: #8492a6;
    font-size: .56rem;
}

.lio-response-metrics strong {
    overflow: hidden;
    color: #2f435e;
    font-size: .68rem;
    margin-top: .15rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-management-table thead th {
    border-bottom: 1px solid #e8edf3;
    color: #718096;
    background: #f8fafc;
    padding: .78rem 1rem;
    font-size: .61rem;
    letter-spacing: .055em;
}

.lio-management-table tbody td {
    border-color: #edf1f5;
    color: #526174;
    padding: .9rem 1rem;
    font-size: .7rem;
    vertical-align: middle;
}

.lio-management-table tbody td > strong:not(.lio-table-title),
.lio-management-table tbody td > small {
    display: block;
}

.lio-management-table tbody td > strong:not(.lio-table-title) {
    color: #2f435e;
}

.lio-management-table tbody td > small {
    color: #94a3b8;
    font-size: .59rem;
    margin-top: .14rem;
}

.lio-table-title {
    display: block;
    max-width: 310px;
    overflow: hidden;
    color: #2f435e;
    margin-top: .18rem;
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-risk-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .28rem;
}

.lio-risk-tags span,
.lio-health-badge,
.lio-overdue-age {
    display: inline-flex;
    align-items: center;
    width: max-content;
    border: 1px solid transparent;
    border-radius: 999px;
    padding: .25rem .48rem;
    font-size: .56rem;
    font-weight: 800;
    line-height: 1;
}

.lio-risk-tags .is-critical,
.lio-health-badge.is-critical,
.lio-overdue-age.is-critical {
    border-color: #fecaca;
    color: #b91c1c;
    background: #fff1f2;
}

.lio-risk-tags .is-risk,
.lio-overdue-age.is-risk {
    border-color: #fed7aa;
    color: #c2410c;
    background: #fff7ed;
}

.lio-risk-tags .is-watch,
.lio-health-badge.is-watch {
    border-color: #fde68a;
    color: #a16207;
    background: #fffbeb;
}

.lio-risk-tags .is-neutral,
.lio-health-badge.is-no_activity {
    border-color: #e2e8f0;
    color: #64748b;
    background: #f8fafc;
}

.lio-health-badge.is-healthy {
    border-color: #bbf7d0;
    color: #15803d;
    background: #f0fdf4;
}

.lio-ageing-list,
.lio-category-demand,
.lio-intelligence-breakdown {
    display: grid;
    gap: .85rem;
}

.lio-ageing-list > div {
    display: grid;
    grid-template-columns: minmax(90px, auto) 1fr 34px;
    align-items: center;
    gap: .65rem;
}

.lio-ageing-list span:first-child strong,
.lio-ageing-list span:first-child small {
    display: block;
}

.lio-ageing-list span:first-child strong {
    color: #3f536d;
    font-size: .68rem;
}

.lio-ageing-list span:first-child small {
    color: #94a3b8;
    font-size: .56rem;
}

.lio-ageing-track,
.lio-category-track {
    height: 7px;
    display: block;
    overflow: hidden;
    border-radius: 999px;
    background: #edf1f5;
}

.lio-ageing-track i,
.lio-category-track i {
    height: 100%;
    display: block;
    min-width: 2px;
    border-radius: inherit;
    background: #58a8d9;
}

.lio-ageing-list .is-watch .lio-ageing-track i {
    background: #eab308;
}

.lio-ageing-list .is-risk .lio-ageing-track i {
    background: #f97316;
}

.lio-ageing-list .is-critical .lio-ageing-track i {
    background: #dc2626;
}

.lio-ageing-list em {
    color: #64748b;
    font-size: .61rem;
    font-style: normal;
    font-weight: 750;
    text-align: right;
}

.lio-category-demand > div {
    display: grid;
    grid-template-columns: minmax(115px, .8fr) 1fr 28px;
    align-items: center;
    gap: .6rem;
}

.lio-category-demand > div > span:first-child strong,
.lio-category-demand > div > span:first-child small {
    display: block;
}

.lio-category-demand > div > span:first-child strong {
    overflow: hidden;
    color: #3f536d;
    font-size: .67rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-category-demand > div > span:first-child small {
    overflow: hidden;
    color: #94a3b8;
    font-size: .55rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-category-demand em {
    color: #2f435e;
    font-size: .67rem;
    font-style: normal;
    font-weight: 800;
    text-align: right;
}

.lio-intelligence-breakdown > div {
    display: grid;
    grid-template-columns: 9px 1fr auto;
    align-items: center;
    gap: .55rem;
    border-bottom: 1px solid #edf1f5;
    padding-bottom: .65rem;
}

.lio-intelligence-breakdown > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.lio-intelligence-breakdown > div > i {
    width: 9px;
    height: 9px;
    border-radius: 3px;
}

.lio-intelligence-breakdown > div > span {
    color: #526174;
    font-size: .68rem;
    font-weight: 700;
}

.lio-intelligence-breakdown > div > em {
    color: #94a3b8;
    font-size: .56rem;
    font-style: normal;
}

.lio-intelligence-breakdown > div > em strong {
    color: #2f435e;
    font-size: .7rem;
    margin-right: .35rem;
}

.lio-comparison-note {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #7a8a9f;
    font-size: .65rem;
}

.lio-comparison-note svg {
    width: 14px;
    height: 14px;
}

.lio-risk-filter-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .65rem;
}

.lio-risk-filter-grid a {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    color: #64748b;
    background: #fff;
    padding: .8rem;
    text-decoration: none;
    box-shadow: 0 7px 18px rgba(15, 23, 42, .035);
}

.lio-risk-filter-grid a:hover,
.lio-risk-filter-grid a.active {
    border-color: rgba(27, 117, 188, .28);
    color: var(--lambda-blue);
    background: #f5faff;
}

.lio-risk-filter-grid a > span {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .62rem;
    font-weight: 750;
}

.lio-risk-filter-grid a svg {
    width: 15px;
    height: 15px;
}

.lio-risk-filter-grid a > strong {
    color: #253550;
    font-size: 1.15rem;
}

.lio-result-count {
    border-radius: 999px;
    color: #526174;
    background: #eef3f8;
    padding: .38rem .65rem;
    font-size: .62rem;
    font-weight: 800;
}

.lio-result-count.is-danger {
    color: #b91c1c;
    background: #fff1f2;
}

.lio-empty-state-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    margin: 0 auto .65rem;
    border-radius: 50%;
    color: #15803d;
    background: #edf9f1;
}

.lio-empty-state-icon svg {
    width: 20px;
    height: 20px;
}

.lio-report-mini-kpi {
    min-height: 92px;
    border: 1px solid rgba(15, 23, 42, .055);
    border-left: 3px solid var(--lambda-blue);
    border-radius: 14px;
    background: #fff;
    padding: 1rem;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .04);
}

.lio-report-mini-kpi span,
.lio-report-mini-kpi strong {
    display: block;
}

.lio-report-mini-kpi span {
    color: #718096;
    font-size: .65rem;
    font-weight: 750;
}

.lio-report-mini-kpi strong {
    color: #253550;
    font-size: 1.45rem;
    line-height: 1.2;
    margin-top: .32rem;
}

.lio-report-mini-kpi.is-success {
    border-left-color: #16a34a;
}

.lio-report-mini-kpi.is-warning {
    border-left-color: #eab308;
}

.lio-report-mini-kpi.is-danger {
    border-left-color: #dc2626;
}

.lio-inline-risk {
    display: block;
    color: #718096;
    font-size: .58rem;
}

.lio-inline-risk + .lio-inline-risk {
    margin-top: .15rem;
}

.lio-inline-risk b {
    color: #3f536d;
}

.lio-table-progress,
.lio-month-demand {
    width: 90px;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #edf1f5;
}

.lio-table-progress span,
.lio-month-demand span {
    height: 100%;
    display: block;
    min-width: 2px;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--lambda-blue), #54acd9);
}

.lio-overdue-age {
    border-color: #fee2e2;
    color: #b91c1c;
    background: #fff7f7;
}

@media (max-width: 1399.98px) {
    .lio-risk-filter-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .lio-intelligence-hero,
    .lio-report-page-hero,
    .lio-report-filter-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .lio-intelligence-hero-actions {
        flex-wrap: wrap;
    }

    .lio-flow-chart {
        min-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .lio-intelligence-hero,
    .lio-report-page-hero {
        border-radius: 18px;
        padding: 1.35rem;
    }

    .lio-intelligence-hero-actions,
    .lio-intelligence-hero-actions > *,
    .lio-intelligence-hero-actions .btn,
    .lio-report-page-hero > .dropdown,
    .lio-report-page-hero > .dropdown .btn {
        width: 100%;
    }

    .lio-response-metrics {
        grid-template-columns: 1fr;
    }

    .lio-risk-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .lio-period-pills {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
    }

    .lio-period-pills a {
        text-align: center;
    }

    .lio-risk-filter-grid {
        grid-template-columns: 1fr;
    }

    .lio-ageing-list > div,
    .lio-category-demand > div {
        grid-template-columns: minmax(90px, 1fr) 1fr auto;
    }
}

/* =========================================================
   Phase 19 Luminites identity + Automation Centre
   ========================================================= */
.sidebar-brand {
    flex-direction: column;
    gap: .1rem;
    min-height: 108px;
}

.lambda-sidebar-logo {
    height: 70px;
}

.luminites-sidebar-name {
    color: #233a5a;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .16em;
    line-height: 1;
    text-transform: uppercase;
}

@media (max-width: 575.98px) {
    .luminites-sidebar-name {
        font-size: .7rem;
    }
}

/* =========================================================
   Phase 20 Premium Compact Ticket Workspace
   ========================================================= */

.lio-ticket-workspace-page {
    --lio-surface-border: rgba(15, 23, 42, .08);
    --lio-surface-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}

.lio-workspace-hero {
    border: 0;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(27, 117, 188, .1), rgba(43, 56, 143, .08)), #ffffff;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .06);
    padding: 1.4rem 1.5rem;
}

.lio-workspace-ticket-number {
    color: #0f172a;
    font-weight: 800;
    letter-spacing: -.02em;
}

.lio-workspace-title {
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.35;
}

.lio-workspace-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem 1rem;
    color: #64748b;
    font-size: .88rem;
}

.lio-workspace-meta span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.lio-workspace-meta svg {
    width: 14px;
    height: 14px;
}

.lio-summary-tile {
    height: 100%;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 18px;
    background: rgba(255, 255, 255, .72);
    backdrop-filter: blur(6px);
    padding: 1rem 1.05rem;
}

.lio-summary-label {
    color: #64748b;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: .45rem;
}

.lio-summary-value {
    color: #0f172a;
    font-size: .96rem;
    font-weight: 700;
    line-height: 1.35;
}

.lio-summary-subvalue {
    color: #64748b;
    font-size: .82rem;
    margin-top: .25rem;
}

.lio-workspace-card {
    border: 0;
    border-radius: 20px;
    box-shadow: var(--lio-surface-shadow);
}

.lio-workspace-card .card-header {
    background: transparent;
    padding: 1.25rem 1.3rem 0;
}

.lio-workspace-card .card-body {
    padding: 1.25rem 1.3rem 1.3rem;
}

.lio-overview-microstats {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.lio-microstat-pill {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: rgba(27, 117, 188, .08);
    color: #1e3a8a;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1;
    padding: .5rem .75rem;
}

.lio-description-block {
    border: 1px solid var(--lio-surface-border);
    border-radius: 16px;
    padding: 1rem 1.05rem;
    background: #fbfdff;
    color: #1f2937;
    line-height: 1.65;
    white-space: normal;
}

.lio-inline-tabs {
    gap: .45rem;
    flex-wrap: wrap;
}

.lio-inline-tabs .nav-link {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 999px;
    color: #475569;
    background: #fff;
    font-size: .86rem;
    font-weight: 700;
    padding: .45rem .85rem;
}

.lio-inline-tabs .nav-link.active {
    color: #fff;
    background: linear-gradient(135deg, var(--lambda-blue), var(--lambda-navy));
    border-color: transparent;
    box-shadow: 0 10px 24px rgba(27, 117, 188, .18);
}

.lio-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .08);
    color: inherit;
    font-size: .74rem;
    font-weight: 800;
    margin-left: .35rem;
    padding: 0 .4rem;
}

.lio-inline-tabs .nav-link.active .lio-tab-count {
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.lio-comment-composer {
    border: 1px solid var(--lio-surface-border);
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff, #fafcff);
    padding: 1rem;
}

.lio-comment-stream {
    display: flex;
    flex-direction: column;
    gap: .9rem;
}

.lio-comment-item {
    border: 1px solid var(--lio-surface-border);
    border-radius: 16px;
    background: #fff;
    padding: 1rem;
}

.lio-comment-item.is-internal {
    background: #fffdf3;
    border-color: rgba(255, 193, 7, .24);
}

.lio-comment-body {
    color: #1f2937;
    line-height: 1.6;
}

.lio-empty-state.compact {
    border: 1px dashed rgba(15, 23, 42, .14);
    border-radius: 14px;
    background: rgba(248, 250, 252, .7);
    color: #64748b;
    padding: 1rem;
    text-align: center;
}

.lio-activity-timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.lio-activity-item {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: .85rem;
    align-items: start;
}

.lio-activity-dot {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--lambda-blue), var(--lambda-navy));
    box-shadow: 0 0 0 4px rgba(27, 117, 188, .12);
    margin-top: .32rem;
}

.lio-activity-content {
    border: 1px solid var(--lio-surface-border);
    border-radius: 14px;
    background: #fff;
    padding: .9rem 1rem;
}

.lio-compact-form .form-label,
.lio-ticket-workspace-page .form-label {
    font-weight: 600;
    color: #334155;
}

.lio-details-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: .7rem;
}

.lio-detail-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid var(--lio-surface-border);
}

.lio-detail-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.lio-detail-label {
    color: #64748b;
    font-size: .82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.lio-detail-value {
    text-align: right;
    color: #0f172a;
    font-weight: 600;
}

.lio-attachment-row {
    border: 1px solid var(--lio-surface-border);
    border-radius: 14px;
    background: #fff;
    padding: .85rem .9rem;
}

.lio-attachment-row + .lio-attachment-row {
    margin-top: .65rem;
}

.lio-tab-panel-host > .tab-pane > .card,
.lio-tab-panel-host > .tab-pane > .lio-watchers-panel,
.lio-tab-panel-host > .tab-pane > .lio-linked-ticket-panel,
.lio-tab-panel-host > .tab-pane > .lio-transfer-panel,
.lio-tab-panel-host > .tab-pane > .lio-checklist-panel {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0 !important;
    background: transparent;
}

.lio-tab-panel-host > .tab-pane > .card > .card-header,
.lio-tab-panel-host > .tab-pane > .lio-watchers-panel > .card-header,
.lio-tab-panel-host > .tab-pane > .lio-linked-ticket-panel > .card-header,
.lio-tab-panel-host > .tab-pane > .lio-transfer-panel > .card-header,
.lio-tab-panel-host > .tab-pane > .lio-checklist-panel > .card-header {
    padding: 0 0 1rem;
    background: transparent;
    border: 0;
}

.lio-tab-panel-host > .tab-pane > .card > .card-body,
.lio-tab-panel-host > .tab-pane > .lio-watchers-panel > .card-body,
.lio-tab-panel-host > .tab-pane > .lio-linked-ticket-panel > .card-body,
.lio-tab-panel-host > .tab-pane > .lio-transfer-panel > .card-body,
.lio-tab-panel-host > .tab-pane > .lio-checklist-panel > .card-body {
    padding: 0;
}

.lio-tab-panel-host .card-title {
    margin-bottom: .15rem;
}

.lio-sidebar-tab-card .card-body {
    min-height: 360px;
}

@media (max-width: 991.98px) {
    .lio-workspace-hero,
    .lio-workspace-card .card-body,
    .lio-workspace-card .card-header {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .lio-inline-tabs .nav-link {
        width: 100%;
        justify-content: center;
    }

    .lio-detail-item {
        flex-direction: column;
    }

    .lio-detail-value {
        text-align: left;
    }
}

/* =========================================================
   Phase 21 Premium Uniform Index Tables
   ========================================================= */

.lio-index-page {
    --lio-index-border: rgba(15, 23, 42, .08);
    --lio-index-muted: #64748b;
    --lio-index-ink: #0f172a;
}

.lio-index-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.lio-index-header-copy h1 {
    color: var(--lio-index-ink);
    font-weight: 800;
    letter-spacing: -.02em;
}

.lio-index-header-copy p {
    max-width: 760px;
}

.lio-index-header-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .6rem;
}

.lio-index-filter-card {
    border: 0;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
    margin-bottom: 1rem;
    overflow: hidden;
}

.lio-index-filter-card .card-body {
    padding: 1rem 1.1rem;
}

.lio-index-filter-form {
    position: relative;
    transition: opacity .15s ease;
}

.lio-index-filter-form.is-loading {
    opacity: .58;
    pointer-events: none;
}

.lio-index-filter-form .form-label {
    color: #475569;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .055em;
    margin-bottom: .35rem;
    text-transform: uppercase;
}

.lio-index-filter-form .form-control,
.lio-index-filter-form .form-select,
.lio-index-filter-form .input-group-text {
    min-height: 40px;
    border-color: rgba(15, 23, 42, .11);
    border-radius: 11px;
    font-size: .9rem;
}

.lio-index-filter-form .input-group > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: #f8fafc;
    color: #64748b;
}

.lio-index-filter-form .input-group > .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.lio-index-filter-form .form-control:focus,
.lio-index-filter-form .form-select:focus {
    border-color: rgba(27, 117, 188, .42);
    box-shadow: 0 0 0 .2rem rgba(27, 117, 188, .09);
}

.lio-filter-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    margin-top: .85rem;
    padding-top: .85rem;
    border-top: 1px solid rgba(15, 23, 42, .06);
}

.lio-auto-filter-note {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #64748b;
    font-size: .78rem;
}

.lio-auto-filter-note::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, .12);
}

.lio-filter-reset {
    color: #475569;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
}

.lio-filter-reset:hover {
    color: var(--lambda-blue);
}

.lio-index-result-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    margin-bottom: .75rem;
}

.lio-result-count {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: rgba(27, 117, 188, .08);
    color: #1e3a8a;
    font-size: .78rem;
    font-weight: 800;
    padding: .42rem .7rem;
}

.lio-index-card {
    position: relative;
    border: 0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .055);
    overflow: hidden;
}

.lio-index-card.is-loading::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 5;
    background: rgba(255, 255, 255, .58);
    backdrop-filter: blur(1px);
}

.lio-index-card .card-header,
.lio-index-card .card-footer {
    background: #fff;
    border-color: rgba(15, 23, 42, .07);
}

.lio-index-card .card-header {
    padding: 1rem 1.15rem;
}

.lio-index-card .card-footer {
    padding: .8rem 1.15rem;
}

/* Shared numbered pagination. AdminKit does not include Laravel's paginator CSS. */
.lio-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem 1.25rem;
    flex-wrap: wrap;
    width: 100%;
}

.lio-pagination-summary {
    color: var(--lio-index-muted, #64748b);
    font-size: .78rem;
    line-height: 1.35;
}

.lio-pagination-links {
    display: flex;
    align-items: center;
    gap: .25rem;
    flex-wrap: wrap;
}

.lio-pagination-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    min-width: 2rem;
    height: 2rem;
    padding: 0 .62rem;
    border: 1px solid var(--lio-index-border, rgba(15, 23, 42, .1));
    border-radius: .5rem;
    background: #fff;
    color: #334155;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

a.lio-pagination-link:hover,
a.lio-pagination-link:focus {
    border-color: rgba(27, 117, 188, .5);
    background: rgba(27, 117, 188, .06);
    color: var(--lambda-blue);
    box-shadow: 0 0 0 2px rgba(27, 117, 188, .08);
}

.lio-pagination-link.is-active {
    border-color: var(--lambda-blue);
    background: linear-gradient(135deg, var(--lambda-blue), var(--lambda-navy));
    color: #fff;
    box-shadow: 0 4px 12px rgba(27, 117, 188, .2);
}

.lio-pagination-link.is-disabled,
.lio-pagination-link.is-separator {
    background: #f8fafc;
    color: #94a3b8;
    cursor: default;
}

.lio-pagination-link.is-separator {
    border-color: transparent;
    background: transparent;
    min-width: 1.4rem;
    padding-inline: .2rem;
}

@media (max-width: 575.98px) {
    .lio-pagination {
        align-items: stretch;
        flex-direction: column;
    }

    .lio-pagination-links {
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: .15rem;
    }

    .lio-pagination-label {
        display: none;
    }
}

.lio-index-table {
    margin-bottom: 0;
}

.lio-index-table > thead > tr > th {
    background: #f8fafc;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    color: #475569;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .055em;
    padding: .78rem .9rem;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

.lio-index-table > tbody > tr > td {
    border-color: rgba(15, 23, 42, .055);
    color: #334155;
    padding: .82rem .9rem;
    vertical-align: middle;
}

.lio-index-table > tbody > tr:hover > td {
    background: rgba(27, 117, 188, .025);
}

.lio-index-table .lio-primary-cell {
    color: #0f172a;
    font-weight: 700;
}

.lio-index-table .lio-secondary-cell {
    color: #64748b;
    font-size: .8rem;
    margin-top: .18rem;
}

/* CRM registers favour scannable record names and compact secondary metadata. */
.lio-crm-dense-table > tbody > tr > td {
    padding-top: .55rem;
    padding-bottom: .55rem;
}

.lio-crm-dense-table .lio-primary-cell {
    display: inline-block;
    max-width: 22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.lio-claims-register .lio-claims-context-cell {
    max-width: 280px;
    width: 280px;
}

.lio-claims-register .lio-claims-context {
    max-width: 280px;
    min-width: 220px;
}

.lio-claims-register .lio-claims-context .lio-primary-cell,
.lio-claims-register .lio-claims-context .lio-secondary-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 991.98px) {
    .lio-claims-register .lio-claims-context-cell,
    .lio-claims-register .lio-claims-context {
        max-width: 240px;
        width: 240px;
    }
}

.lio-index-table .lio-actions-cell {
    white-space: nowrap;
}

.lio-index-table .btn-sm {
    border-radius: 9px;
    font-size: .78rem;
    padding: .35rem .58rem;
}

.lio-sortable-th {
    padding: 0 !important;
}

.lio-sort-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
    width: 100%;
    min-height: 46px;
    padding: .78rem .9rem;
    color: inherit;
    text-decoration: none;
    transition: color .12s ease, background-color .12s ease;
}

.lio-sortable-th.text-end .lio-sort-link {
    justify-content: flex-end;
}

.lio-sortable-th.text-center .lio-sort-link {
    justify-content: center;
}

.lio-sort-link:hover,
.lio-sort-link.is-active {
    color: var(--lambda-blue);
    background: rgba(27, 117, 188, .045);
}

.lio-sort-indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
}

.lio-sort-link.is-active .lio-sort-indicator {
    color: var(--lambda-blue);
}

.lio-sort-indicator svg {
    width: 13px;
    height: 13px;
    stroke-width: 2.2;
}

.lio-index-empty {
    padding: 2.5rem 1rem !important;
    text-align: center;
    color: #64748b !important;
}

.lio-index-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(27, 117, 188, .08);
    color: var(--lambda-blue);
    margin-bottom: .65rem;
}

.lio-index-empty-icon svg {
    width: 20px;
    height: 20px;
}

.lio-index-compact-kpis {
    margin-bottom: 1rem;
}

.lio-index-compact-kpis .lio-report-mini-kpi {
    min-height: 92px;
}

.lio-index-page .pagination {
    margin-bottom: 0;
}

.lio-index-page .page-link {
    border-radius: 9px !important;
    margin: 0 .12rem;
}

.lio-index-page details > summary {
    cursor: pointer;
}

@media (max-width: 767.98px) {
    .lio-index-header {
        align-items: flex-start;
    }

    .lio-index-header-actions,
    .lio-index-header-actions .btn,
    .lio-index-header-actions .btn-group {
        width: 100%;
    }

    .lio-index-header-actions .btn-group .btn {
        width: auto;
        flex: 1 1 0;
    }

    .lio-index-filter-card .card-body {
        padding: .9rem;
    }

    .lio-filter-footer {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* =========================================================
   Phase 22 Premium Uniform Forms & Settings
   ========================================================= */

.lio-form-page {
    --lio-form-line: rgba(15, 23, 42, .085);
    --lio-form-muted: #64748b;
    --lio-form-ink: #0f172a;
}

.lio-form-page .lio-page-hero-premium h1 {
    color: var(--lio-form-ink);
    font-weight: 800;
    letter-spacing: -.02em;
}

.lio-form-page .lio-premium-form-card,
.lio-form-page .lambda-card {
    overflow: hidden;
    border: 1px solid var(--lio-form-line);
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(15, 23, 42, .052);
}

.lio-form-page .lio-premium-form-card .card-body,
.lio-form-page .lambda-card .card-body {
    min-width: 0;
}

.lio-form-page .form-label {
    color: #334155;
    font-size: .8rem;
    font-weight: 750;
    margin-bottom: .45rem;
}

.lio-form-page .form-control,
.lio-form-page .form-select,
.lio-form-page .input-group-text {
    border-color: #dbe3ed;
    border-radius: 10px;
    min-height: 42px;
}

.lio-form-page textarea.form-control {
    min-height: auto;
}

.lio-form-page .input-group > .form-control,
.lio-form-page .input-group > .form-select,
.lio-form-page .input-group > .input-group-text {
    border-radius: 0;
}

.lio-form-page .input-group > :first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.lio-form-page .input-group > :last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.lio-form-page .form-control:focus,
.lio-form-page .form-select:focus {
    border-color: rgba(27, 117, 188, .55);
    box-shadow: 0 0 0 .2rem rgba(27, 117, 188, .11);
}

.lio-form-page .form-text {
    color: #738196;
    font-size: .74rem;
    line-height: 1.45;
}

.lio-form-page .invalid-feedback,
.lio-form-page .text-danger.small {
    font-size: .74rem;
}

.lio-feedback-alert,
.lio-form-error-summary {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
    padding: .95rem 1rem;
}

.lio-feedback-alert {
    align-items: center;
}

.lio-feedback-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 10px;
    background: rgba(255, 255, 255, .55);
}

.lio-feedback-icon svg {
    width: 17px;
    height: 17px;
}

.lio-switch-panel,
.lio-guidance-panel {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 15px;
    background: #f8fafc;
    padding: 1rem;
}

.lio-switch-panel .form-switch {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-height: 1.5rem;
    padding-left: 0;
}

.lio-switch-panel .form-switch .form-check-input {
    float: none;
    flex: 0 0 auto;
    width: 2.25rem;
    height: 1.2rem;
    margin: 0;
}

.lio-switch-panel .form-switch .form-check-label {
    margin: 0;
}

.lio-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.lio-choice-grid.is-invalid-panel {
    border: 1px solid #dc3545;
    border-radius: 15px;
    padding: .65rem;
}

.lio-choice-card {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    border: 1px solid rgba(15, 23, 42, .09);
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    padding: .8rem;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.lio-choice-card:hover {
    border-color: rgba(27, 117, 188, .28);
    background: rgba(27, 117, 188, .025);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
}

.lio-choice-card .form-check-input {
    flex: 0 0 auto;
    margin-top: .15rem;
}

.lio-choice-card span {
    min-width: 0;
}

.lio-choice-card strong,
.lio-choice-card small {
    display: block;
}

.lio-choice-card strong {
    color: #0f172a;
    font-size: .84rem;
}

.lio-choice-card small {
    color: #64748b;
    font-size: .7rem;
    margin-top: .12rem;
}

.lio-permission-groups {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.lio-permission-group {
    border: 1px solid rgba(15, 23, 42, .085);
    border-radius: 16px;
    background: #fbfdff;
    padding: 1rem;
}

.lio-permission-group-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid rgba(15, 23, 42, .07);
}

.lio-permission-option {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    min-height: 42px;
    border: 1px solid rgba(15, 23, 42, .07);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    padding: .7rem .75rem;
}

.lio-permission-option:hover {
    border-color: rgba(27, 117, 188, .2);
}

.lio-permission-option .form-check-input {
    flex: 0 0 auto;
    margin-top: .12rem;
}

.lio-permission-option span {
    color: #334155;
    font-size: .78rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.lio-role-summary {
    display: grid;
    gap: .65rem;
}

.lio-role-summary > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, .07);
    padding-bottom: .65rem;
}

.lio-role-summary > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.lio-role-summary span {
    color: #64748b;
    font-size: .76rem;
}

.lio-role-summary strong {
    color: #0f172a;
    font-size: .8rem;
}

.lio-permission-total-badge {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    border: 1px solid rgba(27, 117, 188, .18);
    border-radius: 999px;
    background: rgba(27, 117, 188, .07);
    color: #0b5f9c;
    font-size: .72rem;
    font-weight: 700;
    padding: .45rem .7rem;
    white-space: nowrap;
}

.lio-permission-searchbar {
    position: relative;
    display: flex;
    align-items: center;
}

.lio-permission-searchbar > svg {
    position: absolute;
    left: .9rem;
    z-index: 2;
    width: 17px;
    height: 17px;
    color: #64748b;
    pointer-events: none;
}

.lio-permission-searchbar .form-control {
    min-height: 46px;
    border-radius: 13px;
    padding-left: 2.7rem;
    padding-right: 4.5rem;
}

.lio-permission-searchbar .btn {
    position: absolute;
    right: .55rem;
    z-index: 2;
    color: #0b5f9c;
    text-decoration: none;
}

.lio-crm-governance {
    overflow: hidden;
    border: 1px solid rgba(27, 117, 188, .19);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(238, 248, 255, .95), rgba(255, 255, 255, .98));
    box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}

.lio-crm-governance-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
}

.lio-master-switch {
    flex: 0 0 auto;
    min-width: 150px;
    border: 1px solid rgba(27, 117, 188, .16);
    border-radius: 12px;
    background: #fff;
    padding: .75rem .8rem .75rem 2.9rem;
}

.lio-master-switch .form-check-input {
    margin-left: -2rem;
}

.lio-crm-scope-panel {
    border: 0;
    border-top: 1px solid rgba(27, 117, 188, .12);
    margin: 0;
    padding: .9rem 1rem 1rem;
}

.lio-crm-scope-panel legend {
    float: none;
    width: auto;
    color: #334155;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .045em;
    margin: 0 0 .65rem;
    text-transform: uppercase;
}

.lio-crm-scope-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.lio-crm-scope-option {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    min-height: 82px;
    border: 1px solid rgba(15, 23, 42, .09);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    padding: .75rem;
}

.lio-crm-scope-option:has(.form-check-input:checked) {
    border-color: rgba(27, 117, 188, .45);
    background: rgba(27, 117, 188, .055);
    box-shadow: 0 0 0 2px rgba(27, 117, 188, .07);
}

.lio-crm-scope-option .form-check-input {
    flex: 0 0 auto;
    margin-top: .12rem;
}

.lio-crm-scope-option strong,
.lio-crm-scope-option small {
    display: block;
}

.lio-crm-scope-option strong {
    color: #0f172a;
    font-size: .79rem;
}

.lio-crm-scope-option small {
    color: #64748b;
    font-size: .68rem;
    line-height: 1.35;
    margin-top: .18rem;
}

.lio-permission-catalogue {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.lio-permission-module {
    border-top: 1px solid rgba(15, 23, 42, .08);
    padding-top: 1rem;
}

.lio-permission-module:first-child {
    border-top: 0;
    padding-top: 0;
}

.lio-permission-module-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .7rem;
}

.lio-permission-module-heading > span {
    flex: 0 0 auto;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: .68rem;
    font-weight: 700;
    padding: .38rem .6rem;
}

.lio-permission-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: .7rem;
}

.lio-permission-card {
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .085);
    border-radius: 14px;
    background: #fbfdff;
    transition: border-color .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.lio-permission-card:hover {
    border-color: rgba(27, 117, 188, .22);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .035);
}

.lio-permission-card.is-disabled {
    background: #f8fafc;
    opacity: .62;
}

.lio-permission-card-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 60px;
}

.lio-permission-card-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    min-width: 0;
    border: 0;
    background: transparent;
    color: inherit;
    padding: .75rem .8rem;
    text-align: left;
}

.lio-permission-card-toggle > span,
.lio-permission-card-toggle strong,
.lio-permission-card-toggle small {
    display: block;
    min-width: 0;
}

.lio-permission-card-toggle strong {
    color: #0f172a;
    font-size: .8rem;
}

.lio-permission-card-toggle small {
    color: #64748b;
    font-size: .68rem;
    margin-top: .15rem;
}

.lio-permission-card-toggle svg {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    color: #64748b;
    transition: transform .15s ease;
}

.lio-permission-card-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.lio-permission-card-toggle:focus-visible {
    outline: 2px solid rgba(27, 117, 188, .55);
    outline-offset: -2px;
}

.lio-permission-select-all {
    display: flex;
    align-items: center;
    gap: .42rem;
    border-left: 1px solid rgba(15, 23, 42, .07);
    cursor: pointer;
    padding: .75rem .8rem;
    white-space: nowrap;
}

.lio-permission-select-all span {
    color: #334155;
    font-size: .7rem;
    font-weight: 700;
}

.lio-permission-card-body {
    border-top: 1px solid rgba(15, 23, 42, .07);
}

.lio-permission-options {
    display: grid;
    gap: .45rem;
    padding: .65rem;
}

.lio-permission-options .lio-permission-option {
    min-height: 48px;
    padding: .58rem .65rem;
}

.lio-permission-options .lio-permission-option[hidden] {
    display: none;
}

.lio-permission-options .lio-permission-option > span,
.lio-permission-options .lio-permission-option strong,
.lio-permission-options .lio-permission-option small {
    display: block;
    min-width: 0;
}

.lio-permission-options .lio-permission-option strong {
    color: #1e293b;
    font-size: .75rem;
}

.lio-permission-options .lio-permission-option small {
    color: #64748b;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .62rem;
    line-height: 1.3;
    margin-top: .12rem;
    overflow-wrap: anywhere;
}

.lio-permission-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 170px;
    color: #64748b;
    text-align: center;
}

.lio-permission-empty[hidden] {
    display: none;
}

.lio-permission-empty svg {
    width: 26px;
    height: 26px;
    margin-bottom: .6rem;
}

.lio-permission-empty strong {
    color: #334155;
}

.lio-permission-empty span {
    max-width: 430px;
    font-size: .75rem;
    margin-top: .25rem;
}

.lio-user-access-summary {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    border: 1px solid rgba(27, 117, 188, .16);
    border-radius: 12px;
    background: rgba(27, 117, 188, .045);
    padding: .75rem;
}

.lio-user-access-summary-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: rgba(27, 117, 188, .1);
    color: #0b5f9c;
}

.lio-user-access-summary-icon svg {
    width: 15px;
    height: 15px;
}

.lio-readonly-badge {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(100, 116, 139, .16);
    border-radius: 999px;
    background: rgba(100, 116, 139, .08);
    color: #475569;
    font-size: .78rem;
    font-weight: 700;
    padding: .55rem .8rem;
}

.lio-readonly-badge svg {
    width: 15px;
    height: 15px;
}

.lio-settings-list {
    display: flex;
    flex-direction: column;
}

.lio-setting-field {
    padding: 0 0 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, .07);
}

.lio-setting-field:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.lio-color-control {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.lio-color-control .form-control-color {
    width: 64px;
    min-height: 42px;
}

.lio-settings-page input:disabled,
.lio-settings-page textarea:disabled,
.lio-settings-page select:disabled {
    background-color: #f8fafc;
    color: #64748b;
    opacity: 1;
}

.lio-form-page .lio-sticky-actionbar {
    padding: .9rem 1rem;
}

.lio-form-page .lio-sticky-actionbar .small {
    line-height: 1.35;
}

.lio-form-page .btn {
    border-radius: 10px;
}

@media (max-width: 991.98px) {
    .lio-choice-grid {
        grid-template-columns: 1fr;
    }

    .lio-form-page .lio-side-panel-sticky {
        position: static;
    }

    .lio-permission-card-grid,
    .lio-crm-scope-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .lio-form-page .lio-page-hero-premium {
        padding: 1.1rem;
    }

    .lio-form-page .lio-card-header-premium,
    .lio-form-page .lio-premium-form-card .card-body,
    .lio-form-page .lambda-card .card-body {
        padding: 1rem !important;
    }

    .lio-form-page .lio-sticky-actionbar {
        align-items: stretch;
        bottom: .35rem;
        flex-direction: column;
    }

    .lio-form-page .lio-actionbar-buttons {
        width: 100%;
    }

    .lio-form-page .lio-actionbar-buttons .btn {
        flex: 1 1 0;
    }

    .lio-crm-governance-header {
        align-items: stretch;
        flex-direction: column;
    }

    .lio-master-switch {
        width: 100%;
    }

    .lio-permission-card-header {
        grid-template-columns: 1fr;
    }

    .lio-permission-select-all {
        border-top: 1px solid rgba(15, 23, 42, .07);
        border-left: 0;
        padding-top: .55rem;
        padding-bottom: .55rem;
    }
}

/* =========================================================
   Phase 23 Premium Dashboards & Reporting Experience
   ========================================================= */

.lio-dashboard-workspace .lio-dashboard-table-card .table {
    min-width: 860px;
}

.lio-department-load-row,
.lio-breakdown-list > a,
.lio-priority-list > a {
    color: inherit;
    text-decoration: none;
    transition: background-color .15s ease, transform .15s ease;
}

.lio-department-load-row {
    grid-template-columns: minmax(150px, .55fr) 1fr 18px;
    border-radius: 12px;
    padding: .45rem .5rem;
    margin: -.45rem -.5rem;
}

.lio-department-load-row:hover,
.lio-breakdown-list > a:hover,
.lio-priority-list > a:hover {
    color: inherit;
    background: #f7faff;
    transform: translateX(2px);
}

.lio-department-load-row > svg,
.lio-breakdown-arrow {
    width: 15px;
    height: 15px;
    color: #94a3b8;
}

.lio-breakdown-list > a {
    display: grid;
    grid-template-columns: 8px minmax(78px, auto) 1fr auto;
    align-items: center;
    gap: .55rem;
    border-radius: 10px;
    padding: .32rem .4rem;
    margin: -.32rem -.4rem;
}

.lio-priority-list > a {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .75rem;
    border-radius: 12px;
    padding: .42rem .5rem;
    margin: -.42rem -.5rem;
}

.lio-report-filter-card {
    overflow: visible;
    border: 1px solid rgba(15, 23, 42, .055);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
}

.lio-report-filter-top-compact {
    gap: 1rem;
}

.lio-report-filter-top-compact > div:first-child span {
    max-width: 650px;
}

.lio-report-filter-form {
    position: relative;
}

.lio-report-filter-form.is-loading::after {
    position: absolute;
    inset: -.5rem;
    content: '';
    z-index: 3;
    cursor: wait;
    border-radius: 14px;
    background: rgba(255, 255, 255, .64);
    backdrop-filter: blur(1px);
}

.lio-report-custom-date {
    display: none;
}

.lio-report-custom-date.is-visible {
    display: block;
}

.lio-report-filter-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid rgba(15, 23, 42, .065);
    margin-top: .85rem;
    padding-top: .75rem;
}

.lio-report-auto-note {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #64748b;
    font-size: .72rem;
    font-weight: 700;
}

.lio-report-live-dot {
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, .11);
}

.lio-report-filter-count {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    color: #1d4f7c;
    background: #eaf5ff;
    padding: .24rem .48rem;
    font-size: .62rem;
    font-weight: 800;
}

.lio-report-row-link {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

.lio-report-row-link:hover strong {
    color: var(--lambda-blue);
}

.lio-report-row-link strong,
.lio-report-row-link small {
    display: block;
}

.lio-report-row-link small {
    color: #94a3b8;
    font-size: .59rem;
    margin-top: .14rem;
}

.lio-management-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    white-space: nowrap;
}

.lio-management-table tbody tr {
    transition: background-color .12s ease;
}

.lio-management-table tbody tr:hover {
    background: #fbfdff;
}

.lio-management-table .btn-sm {
    border-radius: 9px;
    white-space: nowrap;
}

.lio-category-demand > a,
.lio-intelligence-breakdown > a {
    color: inherit;
    text-decoration: none;
    transition: transform .15s ease, background-color .15s ease;
}

.lio-category-demand > a {
    display: grid;
    grid-template-columns: minmax(115px, .8fr) 1fr 28px;
    align-items: center;
    gap: .6rem;
    border-radius: 10px;
    padding: .35rem .4rem;
    margin: -.35rem -.4rem;
}

.lio-category-demand > a > span:first-child strong,
.lio-category-demand > a > span:first-child small {
    display: block;
}

.lio-category-demand > a > span:first-child strong {
    overflow: hidden;
    color: #3f536d;
    font-size: .67rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-category-demand > a > span:first-child small {
    overflow: hidden;
    color: #94a3b8;
    font-size: .55rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-category-demand > a > em {
    color: #2f435e;
    font-size: .67rem;
    font-style: normal;
    font-weight: 800;
    text-align: right;
}

.lio-intelligence-breakdown > a {
    display: grid;
    grid-template-columns: 9px 1fr auto;
    align-items: center;
    gap: .55rem;
    border-bottom: 1px solid #edf1f5;
    border-radius: 8px;
    padding: .15rem .25rem .65rem;
    margin: -.15rem -.25rem 0;
}

.lio-intelligence-breakdown > a:last-child {
    border-bottom: 0;
    padding-bottom: .15rem;
}

.lio-intelligence-breakdown > a > i {
    width: 9px;
    height: 9px;
    border-radius: 3px;
}

.lio-intelligence-breakdown > a > span {
    color: #526174;
    font-size: .68rem;
    font-weight: 700;
}

.lio-intelligence-breakdown > a > em {
    color: #94a3b8;
    font-size: .56rem;
    font-style: normal;
}

.lio-intelligence-breakdown > a > em strong {
    color: #2f435e;
    font-size: .7rem;
    margin-right: .35rem;
}

.lio-category-demand > a:hover,
.lio-intelligence-breakdown > a:hover {
    color: inherit;
    background: #f7faff;
    transform: translateX(2px);
}

.lio-report-nav {
    scrollbar-width: thin;
}

.lio-report-nav a[aria-current="page"] {
    box-shadow: inset 0 -2px 0 rgba(255, 255, 255, .82);
}

@media (max-width: 1199.98px) {
    .lio-report-filter-top-compact {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .lio-report-filter-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .lio-report-filter-footer > div:last-child,
    .lio-report-filter-footer .btn {
        width: 100%;
    }

    .lio-report-filter-footer > div:last-child {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

    .lio-department-load-row {
        grid-template-columns: 1fr 18px;
    }

    .lio-department-load-row .lio-load-track {
        grid-column: 1 / -1;
    }
}

/* =========================================================
   V1 Launch Hotfix - Premium Flash Toasts
   ========================================================= */

.lio-toast-stack {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1095;
    width: min(420px, calc(100vw - 2rem));
    display: flex;
    flex-direction: column;
    gap: .75rem;
    pointer-events: none;
}

.lio-feedback-toast {
    width: 100%;
    margin: 0;
    pointer-events: auto;
    border: 1px solid rgba(15, 23, 42, .07);
    border-radius: 16px;
    background: rgba(255, 255, 255, .97);
    color: #1e293b;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .16);
    backdrop-filter: blur(10px);
    animation: lio-toast-enter .2s ease-out;
}

.lio-feedback-toast.alert-success {
    border-left: 4px solid #22a06b;
}

.lio-feedback-toast.alert-danger {
    border-left: 4px solid #dc3545;
}

.lio-feedback-toast .lio-feedback-icon {
    color: #15803d;
    background: rgba(34, 160, 107, .1);
}

.lio-feedback-toast.alert-danger .lio-feedback-icon {
    color: #b42318;
    background: rgba(220, 53, 69, .1);
}

.lio-feedback-toast .btn-close {
    flex: 0 0 auto;
    margin-left: .2rem;
}

.lio-feedback-title {
    color: #0f172a;
    font-size: .84rem;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: .15rem;
}

.lio-feedback-message {
    color: #5b677a;
    font-size: .82rem;
    line-height: 1.4;
}

@keyframes lio-toast-enter {
    from {
        opacity: 0;
        transform: translateY(-8px) translateX(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0) translateX(0);
    }
}

@media (max-width: 575.98px) {
    .lio-toast-stack {
        top: .75rem;
        right: .75rem;
        left: .75rem;
        width: auto;
    }
}

/* ========================================================================
   Phase 25A — Assets & Fleet Foundation
   ======================================================================== */
.lio-assets-page .lio-assets-hero,
.lio-asset-detail-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(27, 117, 188, .14);
    border-radius: 22px;
    padding: 1.6rem 1.75rem;
    background: linear-gradient(115deg, #ffffff 0%, #f8fbff 62%, #e8f3ff 100%);
    box-shadow: 0 12px 34px rgba(15, 23, 42, .055);
}

.lio-assets-page .lio-assets-hero::after,
.lio-asset-detail-hero::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -52px;
    bottom: -94px;
    border-radius: 50%;
    border: 22px solid rgba(27, 117, 188, .05);
    pointer-events: none;
}

.lio-asset-kpi {
    border: 1px solid rgba(15, 23, 42, .075);
    border-radius: 18px;
    box-shadow: 0 9px 28px rgba(15, 23, 42, .045);
}

.lio-asset-kpi .card-body {
    padding: 1.25rem 1.35rem;
}

.lio-asset-kpi-icon,
.lio-asset-category-icon,
.lio-asset-detail-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(27, 117, 188, .10);
    color: #1266a3;
}

.lio-asset-kpi-icon svg,
.lio-asset-category-icon svg {
    width: 19px;
    height: 19px;
}

.lio-asset-kpi-icon-attention {
    background: rgba(245, 158, 11, .13);
    color: #9a5b00;
}

.lio-asset-kpi-value {
    margin-top: .9rem;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 750;
    letter-spacing: -.04em;
    color: #0f172a;
}

.lio-asset-kpi-label {
    margin-top: .45rem;
    font-size: .9rem;
    font-weight: 700;
    color: #1f2937;
}

.lio-asset-kpi-note {
    margin-top: .2rem;
    font-size: .76rem;
    color: #64748b;
}

.lio-asset-category-row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: .9rem 1.15rem;
    border-bottom: 1px solid rgba(15, 23, 42, .065);
}

.lio-asset-category-row:last-child {
    border-bottom: 0;
}

.lio-asset-workspace-link {
    min-height: 82px;
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 14px;
    color: #1f2937;
    background: #fbfdff;
    text-decoration: none;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.lio-asset-workspace-link:hover {
    color: #115293;
    border-color: rgba(27, 117, 188, .28);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
    transform: translateY(-1px);
}

.lio-asset-workspace-link > span {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    border-radius: 11px;
    background: rgba(27, 117, 188, .10);
    color: #1266a3;
}

.lio-asset-workspace-link svg {
    width: 18px;
    height: 18px;
}

.lio-asset-workspace-link strong,
.lio-asset-workspace-link small {
    display: block;
}

.lio-asset-workspace-link small {
    margin-top: .1rem;
    color: #64748b;
    line-height: 1.25;
}

.lio-asset-queue-row,
.lio-asset-category-tile {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.lio-asset-queue-row {
    padding: .85rem 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, .065);
}

.lio-asset-queue-row:last-child {
    border-bottom: 0;
}

.lio-asset-category-tile {
    min-height: 72px;
    padding: .75rem .85rem;
    border: 1px solid rgba(15, 23, 42, .075);
    border-radius: 13px;
    background: #fbfdff;
}

.lio-inspection-panel {
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, .10);
    border-radius: 14px;
    background: #fbfdff;
}

.lio-inspection-panel-required {
    border-color: rgba(27, 117, 188, .25);
    background: linear-gradient(135deg, rgba(27, 117, 188, .045), rgba(255, 255, 255, .94));
}

.lio-inspection-icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    border-radius: 12px;
    background: rgba(27, 117, 188, .11);
    color: #1266a3;
}

.lio-inspection-icon svg {
    width: 19px;
    height: 19px;
}

.lio-inspection-checklist {
    display: grid;
    gap: .65rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(15, 23, 42, .075);
    border-radius: 12px;
    background: #fff;
}

.lio-inspection-preview,
.lio-inspection-gallery {
    display: grid;
    gap: .75rem;
}

.lio-inspection-preview {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    margin-top: .8rem;
}

.lio-inspection-preview:empty {
    display: none;
}

.lio-inspection-preview-item,
.lio-inspection-photo {
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .09);
    border-radius: 12px;
    background: #fff;
}

.lio-inspection-preview-item {
    min-width: 0;
}

.lio-inspection-preview-item img,
.lio-inspection-preview-placeholder {
    width: 100%;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    background: #eef5fb;
    color: #1266a3;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.lio-inspection-preview-item > span:last-child {
    display: block;
    overflow: hidden;
    padding: .5rem .6rem;
    font-size: .72rem;
    color: #475569;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-inspection-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lio-inspection-photo {
    display: block;
    color: #1f2937;
    text-decoration: none;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.lio-inspection-photo:hover {
    color: #115293;
    border-color: rgba(27, 117, 188, .30);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .07);
    transform: translateY(-1px);
}

.lio-inspection-photo > img,
.lio-inspection-photo-placeholder {
    width: 100%;
    height: 118px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    background: #eef5fb;
    color: #1266a3;
}

.lio-inspection-photo-placeholder svg {
    width: 26px;
    height: 26px;
}

.lio-inspection-photo > span:last-child {
    display: block;
    padding: .55rem .65rem;
}

.lio-inspection-photo strong,
.lio-inspection-photo small {
    display: block;
}

.lio-inspection-photo small {
    margin-top: .1rem;
    color: #64748b;
    font-size: .68rem;
    line-height: 1.3;
}

.lio-asset-activity .text-success svg {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
}

.lio-condition-pill {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: .2rem .55rem;
    border-radius: 999px;
    font-size: .73rem;
    font-weight: 700;
    border: 1px solid rgba(15, 23, 42, .08);
    background: #f8fafc;
    color: #475569;
}

.lio-condition-new,
.lio-condition-good {
    color: #166534;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.lio-condition-fair {
    color: #854d0e;
    background: #fefce8;
    border-color: #fde68a;
}

.lio-condition-poor,
.lio-condition-unserviceable {
    color: #991b1b;
    background: #fef2f2;
    border-color: #fecaca;
}

.lio-filter-check {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .65rem .75rem .65rem 2.2rem;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 8px;
    background: #fff;
}

.lio-asset-detail-icon {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    flex: 0 0 58px;
}

.lio-asset-detail-icon svg {
    width: 25px;
    height: 25px;
}

.lio-asset-fact {
    min-height: 68px;
    padding: .85rem 1rem;
    border: 1px solid rgba(15, 23, 42, .075);
    border-radius: 12px;
    background: #fbfdff;
}

.lio-asset-document-form {
    padding: 1rem;
    border: 1px dashed rgba(27, 117, 188, .30);
    border-radius: 14px;
    background: rgba(27, 117, 188, .025);
}

.lio-asset-custodian {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .8rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, .07);
}

.lio-asset-custodian:last-of-type {
    border-bottom: 0;
}

.lio-asset-custodian-role {
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .09em;
    color: #64748b;
    font-weight: 700;
}

.lio-qr-placeholder {
    min-height: 145px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border: 1px dashed rgba(15, 23, 42, .16);
    border-radius: 16px;
    background: #f8fafc;
    color: #334155;
    text-align: center;
}

.lio-qr-placeholder svg {
    width: 34px;
    height: 34px;
    color: #1b75bc;
}

.lio-qr-placeholder span {
    max-width: 250px;
    font-size: .75rem;
    color: #64748b;
}

.lio-asset-activity {
    position: relative;
    display: flex;
    gap: .8rem;
    padding: .9rem 1.1rem .9rem 1.45rem;
    border-bottom: 1px solid rgba(15, 23, 42, .065);
}

.lio-asset-activity:last-child {
    border-bottom: 0;
}

.lio-asset-activity-dot {
    position: absolute;
    left: .65rem;
    top: 1.22rem;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #1b75bc;
}

.lio-phase-note {
    display: flex;
    gap: .9rem;
    align-items: flex-start;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(27, 117, 188, .14);
    border-radius: 14px;
    background: rgba(27, 117, 188, .035);
    color: #334155;
}

.lio-phase-note > span {
    color: #1b75bc;
}

.lio-phase-note svg {
    width: 20px;
    height: 20px;
}

@media (max-width: 767.98px) {
    .lio-assets-page .lio-assets-hero,
    .lio-asset-detail-hero {
        padding: 1.25rem;
        border-radius: 17px;
    }

    .lio-inspection-gallery {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   Phase 25C — Fleet, Travel & Claims
   ========================================================== */
.lio-claim-total {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(17, 82, 147, .12);
    border-radius: .8rem;
    background: linear-gradient(135deg, rgba(27, 117, 188, .08), rgba(43, 56, 143, .035));
}

.lio-claim-total .display-6 {
    letter-spacing: -.04em;
}

.lio-assets-page .table tfoot th {
    background: rgba(247, 249, 252, .92);
    border-top: 1px solid rgba(17, 82, 147, .12);
}

.claim-mileage-fields {
    transition: opacity .15s ease;
}

/* =========================================================
   CRM UX Cleanup — compact premium records & dashboard
   ========================================================= */
.lio-crm-page {
    --lio-crm-line: rgba(15, 23, 42, .085);
    --lio-crm-muted: #64748b;
    --lio-crm-ink: #0f172a;
}

.lio-crm-page .lio-crm-hero,
.lio-crm-record-hero {
    border-radius: 18px;
}

.lio-crm-page .lio-crm-hero {
    padding: 1rem 1.2rem;
}

.lio-crm-page .lio-crm-hero::after {
    width: 145px;
    height: 145px;
    right: -58px;
    bottom: -92px;
    border-width: 22px;
}

.lio-crm-page .lio-crm-hero h1,
.lio-crm-record-hero h1 {
    color: var(--lio-crm-ink);
    font-size: 1.38rem;
    font-weight: 800;
    letter-spacing: -.025em;
}

.lio-crm-form-sections {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.lio-crm-form-card,
.lio-crm-side-card {
    margin: 0;
}

.lio-crm-form-card .lio-card-header-premium {
    padding: .8rem 1rem;
}

.lio-crm-form-card .card-body,
.lio-crm-side-card .card-body {
    padding: 1rem;
}

.lio-crm-form-card .lio-section-number {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    font-size: .66rem;
}

.lio-crm-form-card .form-label,
.lio-crm-side-card .form-label,
.lio-crm-record-page .form-label {
    margin-bottom: .28rem;
    font-size: .76rem;
}

.lio-crm-form-card .form-control,
.lio-crm-form-card .form-select,
.lio-crm-record-page .form-control,
.lio-crm-record-page .form-select {
    min-height: 38px;
    padding-top: .42rem;
    padding-bottom: .42rem;
}

.lio-crm-section-hint {
    color: var(--lio-crm-muted);
    font-size: .72rem;
    font-weight: 650;
}

.lio-crm-guidance-list {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    margin-top: 1rem;
}

.lio-crm-guidance-list > div {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
}

.lio-crm-guidance-list svg {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    margin-top: .1rem;
    color: var(--lambda-blue);
}

.lio-crm-guidance-list strong,
.lio-crm-guidance-list small {
    display: block;
}

.lio-crm-guidance-list strong {
    color: var(--lio-crm-ink);
    font-size: .8rem;
}

.lio-crm-guidance-list small {
    color: var(--lio-crm-muted);
    font-size: .72rem;
    line-height: 1.4;
    margin-top: .08rem;
}

.lio-crm-soft-note {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    border: 1px solid rgba(27, 117, 188, .13);
    border-radius: 12px;
    background: rgba(27, 117, 188, .045);
    color: #334155;
    padding: .75rem .8rem;
    font-size: .76rem;
    line-height: 1.45;
}

.lio-crm-soft-note svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    color: var(--lambda-blue);
    margin-top: .1rem;
}

.lio-crm-soft-note.is-success {
    border-color: rgba(25, 135, 84, .16);
    background: rgba(25, 135, 84, .055);
}

.lio-crm-soft-note.is-success svg {
    color: #198754;
}

.lio-crm-soft-note.is-warning {
    border-color: rgba(245, 158, 11, .2);
    background: rgba(245, 158, 11, .07);
}

.lio-crm-soft-note.is-warning svg {
    color: #b7791f;
}

.lio-crm-soft-note.is-danger {
    border-color: rgba(220, 53, 69, .16);
    background: rgba(220, 53, 69, .055);
}

.lio-crm-soft-note.is-danger svg {
    color: #dc3545;
}

.lio-crm-record-hero {
    border: 1px solid rgba(27, 117, 188, .1);
    background: linear-gradient(135deg, #fff, #f8fbff);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .045);
    padding: 1rem 1.15rem;
}

.lio-crm-reference,
.lio-crm-state-pill,
.lio-crm-type-pill {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    line-height: 1;
    white-space: nowrap;
}

.lio-crm-reference {
    border: 1px solid rgba(15, 23, 42, .1);
    background: #fff;
    color: #475569;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .05em;
    padding: .38rem .58rem;
}

.lio-crm-state-pill {
    --crm-pill-accent: #64748b;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    min-height: 26px;
    border: 1px solid color-mix(in srgb, var(--crm-pill-accent) 20%, transparent);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.42)),
        color-mix(in srgb, var(--crm-pill-accent) 9%, white);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .035), inset 0 1px 0 rgba(255,255,255,.8);
    color: color-mix(in srgb, var(--crm-pill-accent) 82%, #0f172a);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .012em;
    line-height: 1;
    padding: .36rem .6rem .36rem .5rem;
    white-space: nowrap;
    vertical-align: middle;
}

.lio-crm-state-pill::before {
    content: '';
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: var(--crm-pill-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--crm-pill-accent) 13%, transparent);
}

.lio-crm-state-pill.is-table {
    min-height: 23px;
    gap: .32rem;
    font-size: .63rem;
    padding: .3rem .5rem .3rem .43rem;
}

.lio-crm-state-pill.is-table::before {
    width: 5px;
    height: 5px;
    flex-basis: 5px;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--crm-pill-accent) 12%, transparent);
}

/* CRM lifecycle tones — intentionally softer than Bootstrap badges. */
.lio-crm-state-pill[data-state="new"],
.lio-crm-state-pill[data-state="open"],
.lio-crm-state-pill[data-state="draft"],
.lio-crm-state-pill[data-state="cold"] {
    --crm-pill-accent: #2563eb;
}

.lio-crm-state-pill[data-state="contacted"],
.lio-crm-state-pill[data-state="sent"] {
    --crm-pill-accent: #0284c7;
}

.lio-crm-state-pill[data-state="qualified"],
.lio-crm-state-pill[data-state="converted"],
.lio-crm-state-pill[data-state="active"],
.lio-crm-state-pill[data-state="won"],
.lio-crm-state-pill[data-state="approved"],
.lio-crm-state-pill[data-state="accepted"],
.lio-crm-state-pill[data-state="synced"] {
    --crm-pill-accent: #15803d;
}

.lio-crm-state-pill[data-state="warm"],
.lio-crm-state-pill[data-state="on_hold"],
.lio-crm-state-pill[data-state="pending"],
.lio-crm-state-pill[data-state="pending_approval"],
.lio-crm-state-pill[data-state="stalled"],
.lio-crm-state-pill[data-state="expired"] {
    --crm-pill-accent: #b7791f;
}

.lio-crm-state-pill[data-state="hot"] {
    --crm-pill-accent: #ea580c;
}

.lio-crm-state-pill[data-state="unqualified"],
.lio-crm-state-pill[data-state="inactive"],
.lio-crm-state-pill[data-state="lost"],
.lio-crm-state-pill[data-state="approval_declined"],
.lio-crm-state-pill[data-state="declined"],
.lio-crm-state-pill[data-state="error"] {
    --crm-pill-accent: #c2414b;
}

.lio-crm-state-pill[data-state="primary"] {
    --crm-pill-accent: #4f46e5;
}

.lio-crm-state-pill[data-state="not_linked"],
.lio-crm-state-pill[data-state="superseded"] {
    --crm-pill-accent: #64748b;
}

.lio-crm-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem 1rem;
    color: #64748b;
    font-size: .78rem;
}

.lio-crm-hero-meta span {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
}

.lio-crm-hero-meta svg {
    width: 14px;
    height: 14px;
}

.lio-crm-hero-meta a {
    color: inherit;
}

.lio-crm-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.lio-crm-metric {
    min-width: 0;
    border: 1px solid var(--lio-crm-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .035);
    padding: .75rem .85rem;
}

.lio-crm-metric span,
.lio-crm-info-item span {
    display: block;
    color: var(--lio-crm-muted);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.lio-crm-metric strong {
    display: block;
    overflow: hidden;
    color: var(--lio-crm-ink);
    font-size: .92rem;
    margin-top: .2rem;
    text-overflow: ellipsis;
}

.lio-crm-summary-card .card-header,
.lio-crm-activity-card .card-header,
.lio-crm-record-page .lio-index-card .card-header,
.lio-crm-dashboard .lio-index-card .card-header {
    padding: .85rem 1rem;
}

.lio-crm-summary-card .card-body,
.lio-crm-activity-card .card-body,
.lio-crm-record-page .lio-index-card .card-body {
    padding: 1rem;
}

.lio-crm-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
}

.lio-crm-info-item {
    min-width: 0;
    border: 1px solid rgba(15, 23, 42, .07);
    border-radius: 11px;
    background: #fbfdff;
    padding: .65rem .7rem;
}

.lio-crm-info-item strong {
    display: block;
    overflow-wrap: anywhere;
    color: var(--lio-crm-ink);
    font-size: .79rem;
    margin-top: .18rem;
}

.lio-crm-context-grid {
    display: grid;
    grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
    gap: .7rem;
}

.lio-crm-context-block {
    border: 1px solid rgba(15, 23, 42, .07);
    border-radius: 12px;
    background: #fbfdff;
    color: #334155;
    padding: .75rem .8rem;
    font-size: .8rem;
    line-height: 1.5;
}

.lio-crm-list-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .8rem;
    border-bottom: 1px solid rgba(15, 23, 42, .065);
    color: inherit;
    padding: .7rem .85rem;
    text-decoration: none;
    transition: background-color .14s ease;
}

.lio-crm-list-row:last-child {
    border-bottom: 0;
}

.lio-crm-list-row:hover {
    background: #f8fbff;
    color: inherit;
}

.lio-crm-list-row span {
    min-width: 0;
}

.lio-crm-list-row strong,
.lio-crm-list-row small {
    display: block;
}

.lio-crm-list-row strong {
    overflow-wrap: anywhere;
    font-size: .8rem;
}

.lio-crm-list-row small {
    color: var(--lio-crm-muted);
    font-size: .69rem;
    margin-top: .1rem;
}

.lio-crm-stage-banner {
    display: flex;
    align-items: center;
    gap: .65rem;
    border: 1px solid rgba(15, 23, 42, .07);
    border-radius: 12px;
    background: #fbfdff;
    padding: .65rem .75rem;
}

.lio-crm-stage-dot {
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
    border-radius: 50%;
}

.lio-crm-stage-banner strong,
.lio-crm-stage-banner small {
    display: block;
}

.lio-crm-stage-banner strong {
    font-size: .8rem;
}

.lio-crm-stage-banner small {
    color: var(--lio-crm-muted);
    font-size: .68rem;
}

.lio-crm-history-row {
    border-bottom: 1px solid rgba(15, 23, 42, .065);
    padding: .72rem .85rem;
}

.lio-crm-history-row:last-child {
    border-bottom: 0;
}

.lio-crm-history-row strong,
.lio-crm-history-row small,
.lio-crm-history-row span {
    display: block;
}

.lio-crm-history-row strong {
    font-size: .78rem;
}

.lio-crm-history-row small {
    color: var(--lio-crm-muted);
    font-size: .68rem;
    margin-top: .1rem;
}

.lio-crm-history-row span {
    color: #475569;
    font-size: .72rem;
    margin-top: .25rem;
}

.lio-crm-governance-details {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 12px;
    background: #fbfdff;
    padding: .7rem .8rem;
}

.lio-crm-governance-details summary {
    color: #334155;
    cursor: pointer;
    font-size: .78rem;
    font-weight: 750;
}

.lio-crm-activity-composer {
    border: 1px solid rgba(27, 117, 188, .12);
    border-radius: 13px;
    background: #f8fbff;
    padding: .8rem;
}

.lio-crm-activity-stream {
    display: flex;
    flex-direction: column;
}

.lio-crm-activity-row {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    border-bottom: 1px solid rgba(15, 23, 42, .065);
    padding: .7rem 0;
}

.lio-crm-activity-row:first-child {
    padding-top: 0;
}

.lio-crm-activity-row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.lio-crm-activity-marker {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 9px;
    background: rgba(27, 117, 188, .075);
    color: var(--lambda-blue);
}

.lio-crm-activity-marker svg {
    width: 14px;
    height: 14px;
}

.lio-crm-type-pill {
    background: rgba(100, 116, 139, .09);
    color: #526174;
    font-size: .62rem;
    font-weight: 800;
    margin-right: .4rem;
    padding: .3rem .45rem;
}

.lio-crm-activity-body {
    color: #475569;
    line-height: 1.45;
}

.lio-crm-integrity-badge,
.lio-crm-source-pill,
.lio-crm-evidence-meta > span,
.lio-crm-evidence-meta > a {
    display: inline-flex;
    align-items: center;
}

.lio-crm-integrity-badge {
    gap: .35rem;
    border: 1px solid rgba(100, 116, 139, .2);
    border-radius: 999px;
    background: #f8fafc;
    color: #526174;
    font-size: .66rem;
    font-weight: 800;
    padding: .35rem .55rem;
}

.lio-crm-integrity-badge svg,
.lio-crm-evidence-meta svg,
.lio-crm-activity-composer .text-muted svg {
    width: 13px;
    height: 13px;
}

.lio-crm-integrity-badge.is-verified {
    border-color: rgba(22, 163, 74, .2);
    background: rgba(22, 163, 74, .075);
    color: #187342;
}

.lio-crm-integrity-badge.is-attention {
    border-color: rgba(217, 119, 6, .28);
    background: rgba(245, 158, 11, .1);
    color: #9a5a05;
}

.lio-crm-source-pill {
    border: 1px solid rgba(27, 117, 188, .13);
    border-radius: 999px;
    background: rgba(27, 117, 188, .055);
    color: #25628e;
    font-size: .59rem;
    font-weight: 800;
    padding: .25rem .42rem;
    text-transform: uppercase;
}

.lio-crm-type-pill {
    border-radius: 999px;
    margin-right: 0;
}

.lio-crm-activity-row.is-integrity-invalid {
    border: 1px solid rgba(217, 119, 6, .28);
    border-radius: 11px;
    background: rgba(255, 247, 237, .5);
    margin: .35rem 0;
    padding: .7rem;
}

.lio-crm-change-details {
    border: 1px solid rgba(15, 23, 42, .075);
    border-radius: 9px;
    background: #fbfdff;
    padding: .5rem .6rem;
}

.lio-crm-change-details summary {
    color: #315b7e;
    cursor: pointer;
    font-size: .7rem;
    font-weight: 750;
}

.lio-crm-change-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
    margin-top: .5rem;
}

.lio-crm-change-item {
    border: 1px solid rgba(15, 23, 42, .065);
    border-radius: 8px;
    background: #fff;
    color: #475569;
    font-size: .68rem;
    padding: .5rem;
}

.lio-crm-change-item > div:not(.fw-semibold) {
    overflow-wrap: anywhere;
}

.lio-crm-change-item span {
    display: inline-block;
    color: #8491a2;
    font-size: .59rem;
    font-weight: 800;
    min-width: 42px;
    text-transform: uppercase;
}

.lio-crm-change-item small {
    display: block;
    color: #8491a2;
    font-size: .61rem;
    margin-top: .3rem;
}

.lio-crm-context-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .25rem .7rem;
    margin-top: .5rem;
}

.lio-crm-context-list > div {
    min-width: 0;
}

.lio-crm-context-list dt {
    color: #8491a2;
    font-size: .58rem;
    font-weight: 800;
    text-transform: uppercase;
}

.lio-crm-context-list dd {
    color: #475569;
    font-size: .67rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.lio-crm-evidence-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem .75rem;
    color: #718096;
    font-size: .65rem;
}

.lio-crm-evidence-meta > span,
.lio-crm-evidence-meta > a {
    gap: .25rem;
}

.lio-crm-evidence-id {
    border-radius: 999px;
    background: rgba(100, 116, 139, .08);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    padding: .15rem .4rem;
}

@media (max-width: 767.98px) {
    .lio-crm-change-grid,
    .lio-crm-context-list {
        grid-template-columns: 1fr;
    }
}

.lio-crm-dashboard-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.lio-crm-dashboard-kpi {
    display: flex;
    align-items: center;
    gap: .8rem;
    border: 1px solid var(--lio-crm-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 9px 24px rgba(15, 23, 42, .038);
    padding: .8rem .9rem;
    transition: transform .14s ease, box-shadow .14s ease;
}

.lio-crm-dashboard-kpi:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
}

.lio-crm-dashboard-kpi-icon {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 11px;
    background: rgba(27, 117, 188, .075);
    color: var(--lambda-blue);
}

.lio-crm-dashboard-kpi-icon svg {
    width: 17px;
    height: 17px;
}

.lio-crm-dashboard-kpi span:last-child {
    min-width: 0;
}

.lio-crm-dashboard-kpi small,
.lio-crm-dashboard-kpi strong,
.lio-crm-dashboard-kpi em {
    display: block;
}

.lio-crm-dashboard-kpi small {
    color: var(--lio-crm-muted);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.lio-crm-dashboard-kpi strong {
    color: var(--lio-crm-ink);
    font-size: 1.35rem;
    line-height: 1.1;
    margin: .08rem 0;
}

.lio-crm-dashboard-kpi em {
    overflow: hidden;
    color: var(--lio-crm-muted);
    font-size: .68rem;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-crm-health-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--lio-crm-line);
    border-radius: 14px;
    background: #fff;
}

.lio-crm-health-strip > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    border-right: 1px solid rgba(15, 23, 42, .065);
    padding: .65rem .75rem;
}

.lio-crm-health-strip > div:last-child {
    border-right: 0;
}

.lio-crm-health-strip span {
    overflow: hidden;
    color: var(--lio-crm-muted);
    font-size: .68rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-crm-health-strip strong {
    color: var(--lio-crm-ink);
    font-size: .9rem;
}

.lio-crm-forecast-count {
    min-width: 46px;
    color: var(--lio-crm-ink);
    font-size: 1.2rem;
    font-weight: 800;
    text-align: center;
}

.lio-crm-forecast-count small {
    display: block;
    color: var(--lio-crm-muted);
    font-size: .62rem;
    font-weight: 700;
}

.lio-crm-forecast-link {
    transition: border-color .14s ease, box-shadow .14s ease;
}

.lio-crm-forecast-link:hover {
    border-color: rgba(27, 117, 188, .2);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
}

.lio-crm-table-stage {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .76rem;
    font-weight: 650;
}

.lio-crm-table-stage > span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

@media (max-width: 1199.98px) {
    .lio-crm-dashboard-kpis,
    .lio-crm-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lio-crm-health-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lio-crm-health-strip > div:nth-child(3n) {
        border-right: 0;
    }

    .lio-crm-health-strip > div:nth-child(-n+3) {
        border-bottom: 1px solid rgba(15, 23, 42, .065);
    }
}

@media (max-width: 767.98px) {
    .lio-crm-page .lio-crm-hero,
    .lio-crm-record-hero {
        padding: .9rem;
    }

    .lio-crm-page .lio-crm-hero h1,
    .lio-crm-record-hero h1 {
        font-size: 1.2rem;
    }

    .lio-crm-section-hint {
        display: none;
    }

    .lio-crm-dashboard-kpis,
    .lio-crm-metric-grid,
    .lio-crm-info-grid,
    .lio-crm-context-grid,
    .lio-crm-health-strip {
        grid-template-columns: 1fr;
    }

    .lio-crm-health-strip > div {
        border-right: 0;
        border-bottom: 1px solid rgba(15, 23, 42, .065);
    }

    .lio-crm-health-strip > div:last-child {
        border-bottom: 0;
    }

    .lio-crm-list-row {
        flex-direction: column;
    }

    .lio-crm-list-row .text-end {
        text-align: left !important;
    }
}

/* CRM Phase 5A.2 — Sales Activity & Performance Reporting */
.lio-crm-performance-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.lio-crm-performance-kpi{background:#fff;border:1px solid rgba(15,23,42,.09);border-radius:14px;padding:1rem;display:flex;gap:.8rem;align-items:flex-start;min-width:0}.lio-crm-performance-kpi>span:last-child{display:flex;flex-direction:column;min-width:0}.lio-crm-performance-kpi small{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#6c757d;font-weight:700}.lio-crm-performance-kpi strong{font-size:1.55rem;line-height:1.2;margin:.15rem 0}.lio-crm-performance-kpi em{font-size:.74rem;color:#6c757d;font-style:normal;line-height:1.3}.lio-report-mini-stat{border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:.75rem;background:rgba(248,250,252,.7);display:flex;flex-direction:column;gap:.15rem;height:100%}.lio-report-mini-stat span{font-size:.72rem;color:#6c757d}.lio-report-mini-stat strong{font-size:1.25rem}.lio-activity-trend{height:115px;display:flex;gap:2px;align-items:flex-end;overflow:hidden;border-bottom:1px solid rgba(15,23,42,.08);padding-top:.5rem}.lio-activity-trend-point{height:100%;flex:1 1 3px;min-width:2px;display:flex;align-items:flex-end}.lio-activity-trend-point span{display:block;width:100%;min-height:3px;border-radius:3px 3px 0 0;background:currentColor;color:rgba(13,110,253,.55)}.lio-report-value-group{display:grid;gap:.45rem}.lio-report-value-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.65rem .75rem;border:1px solid rgba(15,23,42,.08);border-radius:10px}.lio-report-value-row span{font-size:.78rem;color:#6c757d}.lio-report-value-row strong{font-size:.88rem;text-align:right}@media(max-width:1199.98px){.lio-crm-performance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575.98px){.lio-crm-performance-kpis{grid-template-columns:1fr}.lio-crm-performance-kpi{padding:.85rem}.lio-report-value-row{align-items:flex-start;flex-direction:column;gap:.2rem}.lio-report-value-row strong{text-align:left}}

/* CRM Phase 5B — Sales Activity Intelligence */
.lio-crm-intelligence-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.lio-crm-intelligence-stat{background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid rgba(15,23,42,.09);border-radius:14px;padding:.9rem 1rem;display:flex;gap:.75rem;align-items:flex-start;min-width:0}.lio-crm-intelligence-stat>span:last-child{display:flex;flex-direction:column;min-width:0}.lio-crm-intelligence-stat small{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#6c757d;font-weight:700}.lio-crm-intelligence-stat strong{font-size:1.35rem;line-height:1.2;margin:.12rem 0}.lio-crm-intelligence-stat em{font-size:.72rem;color:#6c757d;font-style:normal;line-height:1.3}.lio-target-progress{height:6px;background:rgba(15,23,42,.08)}.lio-target-progress .progress-bar{border-radius:999px}@media(max-width:1199.98px){.lio-crm-intelligence-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575.98px){.lio-crm-intelligence-strip{grid-template-columns:1fr}.lio-crm-intelligence-stat{padding:.8rem}}

/* CRM Phase 5D — role-aware sales dashboard intelligence */
.lio-sales-command {
    border: 1px solid var(--lio-crm-line);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(27,117,188,.045), rgba(255,255,255,.96) 42%, rgba(15,23,42,.018));
    box-shadow: 0 10px 28px rgba(15,23,42,.035);
    padding: 1rem;
}

.lio-sales-pulse-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .65rem;
}

.lio-sales-pulse-card {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
    border: 1px solid rgba(15,23,42,.07);
    border-radius: 13px;
    background: #fff;
    padding: .72rem .76rem;
}

.lio-sales-pulse-card.is-warning {
    border-color: rgba(217,119,6,.23);
    background: rgba(255,251,235,.7);
}

.lio-sales-pulse-card.is-positive {
    border-color: rgba(22,163,74,.18);
    background: rgba(240,253,244,.55);
}

.lio-sales-pulse-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 10px;
    background: rgba(27,117,188,.075);
    color: var(--lambda-blue);
}

.lio-sales-pulse-icon svg {
    width: 16px;
    height: 16px;
}

.lio-sales-pulse-card span:last-child,
.lio-sales-pulse-card small,
.lio-sales-pulse-card strong,
.lio-sales-pulse-card em {
    min-width: 0;
}

.lio-sales-pulse-card small,
.lio-sales-pulse-card strong,
.lio-sales-pulse-card em {
    display: block;
}

.lio-sales-pulse-card small {
    color: var(--lio-crm-muted);
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.lio-sales-pulse-card strong {
    color: var(--lio-crm-ink);
    font-size: 1.05rem;
    line-height: 1.15;
    margin: .08rem 0;
}

.lio-sales-pulse-card em {
    overflow: hidden;
    color: var(--lio-crm-muted);
    font-size: .64rem;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-sales-value-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.lio-sales-value-grid > div {
    border: 1px solid rgba(15,23,42,.06);
    border-radius: 11px;
    background: rgba(248,250,252,.75);
    padding: .62rem .68rem;
}

.lio-sales-value-grid span,
.lio-sales-value-grid strong {
    display: block;
}

.lio-sales-value-grid span {
    color: var(--lio-crm-muted);
    font-size: .65rem;
    font-weight: 700;
}

.lio-sales-value-grid strong {
    margin-top: .12rem;
    color: var(--lio-crm-ink);
    font-size: .86rem;
}

/* A single forecast currency should use the dashboard row instead of leaving two empty Bootstrap columns. */
.lio-sales-forecast-card.is-single-currency .lio-sales-value-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lio-sales-forecast-card.is-single-currency .lio-sales-value-grid > div {
    padding: .75rem .82rem;
}

.lio-sales-forecast-card.is-single-currency .lio-sales-value-grid strong {
    font-size: .98rem;
}

.lio-sales-target-row {
    border-bottom: 1px solid rgba(15,23,42,.065);
    padding: .72rem .9rem;
}

.lio-sales-target-row:last-child {
    border-bottom: 0;
}

.lio-sales-target-row strong,
.lio-sales-target-row small {
    display: block;
}

.lio-sales-target-row small {
    color: var(--lio-crm-muted);
    font-size: .66rem;
}

.lio-sales-status,
.lio-sales-risk-pill {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: .63rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.lio-sales-status {
    border: 1px solid rgba(100,116,139,.16);
    background: rgba(248,250,252,.9);
    color: #475569;
    padding: .3rem .44rem;
}

.lio-sales-status.is-behind_pace,
.lio-sales-status.is-below_target {
    border-color: rgba(220,38,38,.16);
    background: rgba(254,242,242,.9);
    color: #b91c1c;
}

.lio-sales-status.is-achieved,
.lio-sales-status.is-on_pace {
    border-color: rgba(22,163,74,.16);
    background: rgba(240,253,244,.9);
    color: #15803d;
}

.lio-sales-status.is-awaiting_source {
    border-color: rgba(2,132,199,.15);
    background: rgba(240,249,255,.9);
    color: #0369a1;
}

.lio-sales-progress {
    overflow: hidden;
    height: 5px;
    border-radius: 999px;
    background: rgba(148,163,184,.16);
}

.lio-sales-progress > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--lambda-blue);
}

.lio-sales-risk-pill {
    border: 1px solid rgba(217,119,6,.16);
    background: rgba(255,251,235,.9);
    color: #a16207;
    padding: .28rem .4rem;
}

@media (max-width: 1399.98px) {
    .lio-sales-pulse-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .lio-sales-forecast-card.is-single-currency .lio-sales-value-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .lio-sales-command {
        padding: .82rem;
    }

    .lio-sales-pulse-grid,
    .lio-sales-value-grid,
    .lio-sales-forecast-card.is-single-currency .lio-sales-value-grid {
        grid-template-columns: 1fr;
    }
}

/* CRM native dialog: avoids relying on AdminKit builds that omit Bootstrap modal CSS. */
.lio-crm-dialog {
    width: min(560px, calc(100vw - 2rem));
    max-width: 560px;
    padding: 0;
    border: 0;
    border-radius: 18px;
    background: transparent;
    box-shadow: 0 24px 80px rgba(15, 23, 42, .22);
}
.lio-crm-dialog.is-wide {
    width: min(960px, calc(100vw - 2rem));
    max-width: 960px;
}
.lio-crm-dialog.is-wide .lio-crm-dialog-body {
    max-height: min(70vh, 720px);
    overflow-y: auto;
}
.lio-crm-dialog:not([open]) { display: none; }
.lio-crm-dialog::backdrop { background: rgba(15, 23, 42, .42); backdrop-filter: blur(2px); }
.lio-crm-dialog-card { overflow: hidden; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; }
.lio-crm-dialog-header,
.lio-crm-dialog-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem; }
.lio-crm-dialog-header { border-bottom: 1px solid #e9eef5; }
.lio-crm-dialog-body { padding: 1.15rem; }
.lio-crm-dialog-footer { justify-content: flex-end; border-top: 1px solid #e9eef5; background: #fbfcfe; }
.lio-crm-dialog-footer form { margin: 0; }
@media (max-width: 575.98px) {
    .lio-crm-dialog-footer { align-items: stretch; flex-direction: column-reverse; }
    .lio-crm-dialog-footer .btn,
    .lio-crm-dialog-footer form,
    .lio-crm-dialog-footer form .btn { width: 100%; }
}

/* =========================================================
   Phase 27C.1 — Role-aware My Luminites dashboard
   ========================================================= */
.lio-home-hero-copy {
    max-width: 760px;
}

.lio-home-hero-copy h2 {
    margin: .85rem 0 .3rem;
    color: #253550;
    font-size: .92rem;
    font-weight: 800;
}

.lio-home-context-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .8rem;
}

.lio-home-context-badge,
.lio-home-context-scope {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 30px;
    border-radius: 999px;
    padding: .35rem .7rem;
    font-size: .66rem;
    font-weight: 800;
}

.lio-home-context-badge {
    background: rgba(27, 117, 188, .09);
    color: #1b5f9d;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.lio-home-context-scope {
    border: 1px solid rgba(15, 23, 42, .08);
    background: #fff;
    color: #64748b;
}

.lio-home-context-scope svg {
    width: 13px;
    height: 13px;
}

.lio-dashboard-stat.is-warning .lio-dashboard-stat-icon {
    background: rgba(245, 158, 11, .12);
    color: #b45309;
}

.lio-dashboard-stat.is-primary .lio-dashboard-stat-icon {
    background: rgba(27, 117, 188, .1);
    color: var(--lambda-blue);
}

.lio-home-empty-state {
    display: flex;
    align-items: center;
    gap: .9rem;
    border: 1px dashed rgba(25, 135, 84, .28);
    border-radius: 16px;
    background: rgba(25, 135, 84, .035);
    padding: 1.15rem 1.3rem;
}

.lio-home-empty-state > svg {
    width: 25px;
    color: #198754;
}

.lio-home-empty-state strong,
.lio-home-empty-state span {
    display: block;
}

.lio-home-empty-state strong {
    color: #253550;
}

.lio-home-empty-state span {
    color: #8492a6;
    font-size: .78rem;
    margin-top: .12rem;
}

.lio-home-attention-card {
    overflow: hidden;
}

.lio-home-attention-list {
    display: grid;
}

.lio-home-attention-row {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 18px;
    align-items: center;
    gap: .85rem;
    border-bottom: 1px solid rgba(15, 23, 42, .055);
    color: inherit;
    padding: .9rem 1.25rem;
    text-decoration: none;
    transition: background .15s ease;
}

.lio-home-attention-row:last-child {
    border-bottom: 0;
}

.lio-home-attention-row:hover {
    background: #f8fbfe;
    color: inherit;
}

.lio-home-attention-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(27, 117, 188, .09);
    color: #1b5f9d;
}

.lio-home-attention-icon svg {
    width: 18px;
    height: 18px;
}

.lio-home-attention-icon.is-danger {
    background: rgba(220, 53, 69, .09);
    color: #dc3545;
}

.lio-home-attention-icon.is-warning {
    background: rgba(245, 158, 11, .11);
    color: #b45309;
}

.lio-home-attention-copy,
.lio-home-attention-copy strong,
.lio-home-attention-copy small {
    display: block;
    min-width: 0;
}

.lio-home-attention-kind {
    display: block;
    color: #8492a6;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.lio-home-attention-copy strong {
    overflow: hidden;
    color: #253550;
    font-size: .8rem;
    margin-top: .1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-home-attention-copy small {
    color: #7b8798;
    font-size: .68rem;
    margin-top: .14rem;
}

.lio-home-attention-arrow {
    width: 15px;
    color: #a7b1c2;
}

.lio-home-attention-empty {
    display: grid;
    justify-items: center;
    color: #8492a6;
    padding: 3rem 1.5rem;
    text-align: center;
}

.lio-home-attention-empty svg {
    width: 30px;
    height: 30px;
    color: #198754;
    margin-bottom: .65rem;
}

.lio-home-attention-empty strong {
    color: #253550;
    font-size: .84rem;
}

.lio-home-attention-empty span {
    font-size: .7rem;
    margin-top: .2rem;
}

.lio-home-module-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.lio-home-module-tile {
    min-width: 0;
    border: 1px solid rgba(15, 23, 42, .07);
    border-radius: 14px;
    background: #fbfdff;
    color: inherit;
    padding: .9rem;
    text-decoration: none;
    transition: border-color .15s ease, transform .15s ease;
}

.lio-home-module-tile:hover {
    border-color: rgba(27, 117, 188, .22);
    color: inherit;
    transform: translateY(-1px);
}

.lio-home-module-tile > span {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: #64748b;
    font-size: .66rem;
    font-weight: 800;
    text-transform: uppercase;
}

.lio-home-module-tile > span svg {
    width: 14px;
    height: 14px;
}

.lio-home-module-tile strong,
.lio-home-module-tile small {
    display: block;
}

.lio-home-module-tile strong {
    color: #14213d;
    font-size: 1.45rem;
    line-height: 1.2;
    margin: .45rem 0 .15rem;
}

.lio-home-module-tile small {
    color: #8492a6;
    font-size: .65rem;
    line-height: 1.4;
}

.lio-home-module-tile.is-finance {
    background: rgba(25, 135, 84, .035);
}

.lio-home-finance-card {
    overflow: hidden;
    border-color: rgba(25, 135, 84, .16);
    background: linear-gradient(135deg, #fff, rgba(25, 135, 84, .035));
}

.lio-home-special-heading {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.lio-home-special-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(25, 135, 84, .09);
    color: #198754;
}

.lio-home-special-icon svg {
    width: 19px;
}

.lio-home-special-value {
    color: #14213d;
    font-size: 1.8rem;
    font-weight: 800;
    margin-top: 1rem;
}

.lio-home-finance-card p {
    color: #64748b;
    font-size: .75rem;
    margin: .2rem 0 .9rem;
}

.lio-home-special-note {
    display: inline-flex;
    align-items: center;
    color: #64748b;
    font-size: .68rem;
    font-weight: 700;
}

.lio-home-focus-card {
    overflow: hidden;
}

.lio-home-focus-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
}

.lio-home-focus-metrics a {
    border-right: 1px solid rgba(15, 23, 42, .07);
    color: inherit;
    padding: .25rem .85rem;
    text-decoration: none;
}

.lio-home-focus-metrics a:last-child {
    border-right: 0;
}

.lio-home-focus-metrics span,
.lio-home-focus-metrics strong {
    display: block;
}

.lio-home-focus-metrics span {
    color: #7b8798;
    font-size: .68rem;
    font-weight: 700;
}

.lio-home-focus-metrics strong {
    color: #14213d;
    font-size: 1.45rem;
    margin-top: .15rem;
}

@media (max-width: 991.98px) {
    .lio-home-focus-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lio-home-focus-metrics a:nth-child(2) {
        border-right: 0;
    }
}

@media (max-width: 575.98px) {
    .lio-home-module-grid,
    .lio-home-focus-metrics {
        grid-template-columns: 1fr;
    }

    .lio-home-focus-metrics a {
        border-right: 0;
        border-bottom: 1px solid rgba(15, 23, 42, .07);
        padding: .65rem 0;
    }

    .lio-home-focus-metrics a:last-child {
        border-bottom: 0;
    }

    .lio-home-attention-row {
        grid-template-columns: 38px minmax(0, 1fr);
        padding: .85rem 1rem;
    }

    .lio-home-attention-arrow {
        display: none;
    }
}

/* =========================================================
   Phase 27C.2 — Fluid dashboard cards + commercial pulse
   ========================================================= */
.lio-home-summary-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.lio-home-summary-grid > .lio-dashboard-stat {
    flex: 1 1 240px;
    min-width: 220px;
}

.lio-home-summary-grid > .lio-home-empty-state {
    flex: 1 1 100%;
}

.lio-home-primary-grid {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(360px, 5fr);
    align-items: stretch;
    gap: 1.5rem;
}

.lio-home-primary-main,
.lio-home-primary-sidebar {
    min-width: 0;
}

.lio-home-primary-main {
    display: flex;
}

.lio-home-primary-main > .card {
    width: 100%;
}

.lio-home-primary-sidebar {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.lio-home-primary-sidebar > .card:last-child {
    flex: 1 1 auto;
}

.lio-home-module-grid {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
}

.lio-home-module-tile {
    flex: 1 1 180px;
    min-width: 160px;
}

.lio-home-focus-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.lio-home-focus-metrics a,
.lio-home-focus-metrics a:last-child {
    flex: 1 1 190px;
    min-width: 175px;
    border: 1px solid rgba(15, 23, 42, .065);
    border-radius: 14px;
    background: #fbfdff;
    padding: .85rem 1rem;
    transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.lio-home-focus-metrics a:hover {
    border-color: rgba(27, 117, 188, .22);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
    transform: translateY(-1px);
}

.lio-home-commercial-metric small {
    display: block;
    color: #64748b;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.45;
    margin-top: .28rem;
}

.lio-home-commercial-metric.is-won {
    border-color: rgba(25, 135, 84, .14);
    background: rgba(25, 135, 84, .035);
}

.lio-home-commercial-metric.is-won strong {
    color: #198754;
}

.lio-home-commercial-metric.is-risk {
    border-color: rgba(220, 53, 69, .14);
    background: rgba(220, 53, 69, .025);
}

.lio-home-commercial-metric.is-risk strong {
    color: #dc3545;
}

.lio-home-division-pipeline {
    border-top: 1px solid rgba(15, 23, 42, .06);
    margin-top: 1.15rem;
    padding-top: 1rem;
}

.lio-home-division-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

.lio-home-division-heading span,
.lio-home-division-heading strong,
.lio-home-division-heading small {
    display: block;
}

.lio-home-division-heading span {
    color: #1b75bc;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.lio-home-division-heading strong {
    color: #253550;
    font-size: .82rem;
    margin-top: .12rem;
}

.lio-home-division-heading small {
    color: #94a3b8;
    font-size: .65rem;
}

.lio-home-division-grid {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
}

.lio-home-division-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 250px;
    gap: 1rem;
    min-width: 220px;
    border: 1px solid rgba(15, 23, 42, .06);
    border-radius: 13px;
    background: #fff;
    padding: .8rem .9rem;
}

.lio-home-division-card span,
.lio-home-division-card strong {
    display: block;
}

.lio-home-division-card span {
    color: #253550;
    font-size: .76rem;
    font-weight: 800;
}

.lio-home-division-card strong {
    color: #8492a6;
    font-size: .64rem;
    margin-top: .12rem;
}

.lio-home-division-card p {
    color: #14213d;
    font-size: .72rem;
    font-weight: 800;
    margin: 0;
    text-align: right;
}

@media (max-width: 1199.98px) {
    .lio-home-primary-grid {
        grid-template-columns: 1fr;
    }

    .lio-home-primary-sidebar {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
}

@media (max-width: 575.98px) {
    .lio-home-summary-grid > .lio-dashboard-stat,
    .lio-home-module-tile,
    .lio-home-focus-metrics a,
    .lio-home-division-card {
        flex-basis: 100%;
        min-width: 0;
    }

    .lio-home-primary-sidebar {
        display: flex;
    }

    .lio-home-division-heading,
    .lio-home-division-card {
        align-items: flex-start;
        flex-direction: column;
    }

    .lio-home-division-card p {
        text-align: left;
    }
}

.lio-home-primary-sidebar > .lio-home-finance-card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Phase 27D — Ticket Workspace Revamp */
.lio-ticket-command-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: .85rem;
    background: #fff;
    box-shadow: 0 .35rem 1.25rem rgba(15, 23, 42, .05);
    position: sticky;
    top: .75rem;
    z-index: 1010;
}

.lio-ticket-command-copy {
    min-width: 12rem;
}

.lio-ticket-command-actions,
.lio-quick-status-form,
.lio-quick-assignment-form {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.lio-quick-status-form .form-select {
    min-width: 9.5rem;
}

.lio-quick-assignment-form .form-select {
    min-width: 10rem;
    max-width: 14rem;
}

.lio-advanced-manage-card > summary {
    list-style: none;
}

.lio-advanced-manage-card > summary::-webkit-details-marker {
    display: none;
}

.lio-advanced-manage-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    cursor: pointer;
}

.lio-advanced-manage-card[open] .lio-advanced-manage-summary {
    border-bottom: 1px solid rgba(15, 23, 42, .07);
}

.lio-mini-badge {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .25rem .55rem;
    border: 1px solid rgba(35, 105, 180, .15);
    border-radius: 999px;
    background: rgba(35, 105, 180, .06);
    color: #2369b4;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

.lio-mini-badge svg {
    width: .85rem;
    height: .85rem;
}

.lio-people-picker {
    position: relative;
}

.lio-people-picker-search-wrap {
    position: relative;
}

.lio-people-picker-search-wrap > svg {
    position: absolute;
    z-index: 2;
    left: .7rem;
    top: 50%;
    width: 1rem;
    height: 1rem;
    color: #7b8794;
    transform: translateY(-50%);
    pointer-events: none;
}

.lio-people-picker-search {
    padding-left: 2.2rem;
}

.lio-people-results {
    position: absolute;
    z-index: 1120;
    top: calc(100% + .35rem);
    left: 0;
    right: 0;
    max-height: 18rem;
    overflow-y: auto;
    padding: .35rem;
    border: 1px solid #d7e0ea;
    border-radius: .65rem;
    background: #fff;
    box-shadow: 0 .85rem 2.2rem rgba(15, 23, 42, .14);
}

.lio-person-option {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .55rem .6rem;
    border: 0;
    border-radius: .45rem;
    background: transparent;
    color: #334155;
    text-align: left;
}

.lio-person-option:hover,
.lio-person-option:focus {
    background: #eef5fc;
    outline: 0;
}

.lio-person-option > svg {
    width: 1rem;
    height: 1rem;
    margin-left: auto;
    color: #2369b4;
}

.lio-person-option-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lio-person-option-copy strong,
.lio-person-option-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-person-option-copy small {
    color: #7b8794;
}

.lio-person-avatar {
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #edf4fb;
    color: #2369b4;
    font-size: .78rem;
    font-weight: 800;
}

.lio-people-chips {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .45rem;
}

.lio-people-chips:empty {
    display: none;
}

.lio-person-chip {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    max-width: 100%;
    padding: .3rem .45rem .3rem .65rem;
    border: 1px solid #d8e4ef;
    border-radius: 999px;
    background: #f7fafc;
    color: #334155;
    font-size: .8rem;
    font-weight: 600;
}

.lio-person-chip > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lio-person-chip button {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #7b8794;
    line-height: 1;
}

.lio-person-chip button:hover {
    background: #e8edf3;
    color: #b42318;
}

.lio-people-empty {
    padding: .85rem;
    color: #7b8794;
    font-size: .85rem;
    text-align: center;
}

.lio-ticket-person-row {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .55rem 0;
    border-bottom: 1px solid rgba(15, 23, 42, .06);
}

.lio-ticket-person-row:last-child {
    border-bottom: 0;
}

.lio-collaborator-list .lio-watcher-row {
    padding: .55rem 0;
}

.lio-smart-views {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: .85rem;
    background: #fff;
}

.lio-smart-views-copy {
    min-width: 13rem;
}

.lio-smart-view-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex-wrap: wrap;
}

.lio-smart-view-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .42rem .62rem;
    border: 1px solid #dbe4ee;
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: .8rem;
    font-weight: 650;
    text-decoration: none;
}

.lio-smart-view-pill svg {
    width: .9rem;
    height: .9rem;
}

.lio-smart-view-pill strong {
    min-width: 1.4rem;
    padding: .08rem .35rem;
    border-radius: 999px;
    background: #e9eef4;
    color: #334155;
    font-size: .72rem;
    text-align: center;
}

.lio-smart-view-pill:hover,
.lio-smart-view-pill.is-active {
    border-color: rgba(35, 105, 180, .35);
    background: #eef5fc;
    color: #185b9d;
}

.lio-smart-view-pill.is-active strong {
    background: #2369b4;
    color: #fff;
}

.lio-smart-view-clear {
    padding: .35rem .45rem;
    color: #64748b;
    font-size: .78rem;
    text-decoration: none;
}

.lio-ticket-group-row td {
    padding: .55rem .8rem !important;
    background: #f4f7fa !important;
    color: #334155;
    font-size: .8rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.lio-row-signal {
    display: inline-flex;
    align-items: center;
    margin-right: .25rem;
    padding: .15rem .4rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 750;
}

.lio-row-signal.is-escalated {
    background: #fef0f0;
    color: #b42318;
}

.lio-row-signal.is-risk {
    background: #fff6e5;
    color: #9a6700;
}

.lio-row-signal.is-linked {
    background: #eef5fc;
    color: #2369b4;
}

.lio-row-menu {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.lio-row-menu svg,
.lio-ticket-management-table .dropdown-item svg {
    width: .95rem;
    height: .95rem;
}

.lio-ticket-management-table td {
    vertical-align: middle;
}

@media (max-width: 1199.98px) {
    .lio-ticket-command-bar {
        position: static;
        align-items: flex-start;
        flex-direction: column;
    }

    .lio-ticket-command-actions {
        width: 100%;
    }

    .lio-quick-status-form,
    .lio-quick-assignment-form {
        flex: 1 1 100%;
    }

    .lio-quick-status-form .form-select,
    .lio-quick-assignment-form .form-select {
        flex: 1 1 10rem;
        max-width: none;
    }

    .lio-smart-views {
        align-items: flex-start;
        flex-direction: column;
    }

    .lio-smart-view-list {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .lio-ticket-command-actions,
    .lio-quick-status-form,
    .lio-quick-assignment-form {
        align-items: stretch;
        flex-direction: column;
    }

    .lio-ticket-command-actions .btn,
    .lio-quick-status-form .btn,
    .lio-quick-assignment-form .btn,
    .lio-quick-status-form .form-select,
    .lio-quick-assignment-form .form-select {
        width: 100%;
        max-width: none;
    }

    .lio-smart-view-list {
        width: 100%;
    }

    .lio-smart-view-pill {
        flex: 1 1 calc(50% - .45rem);
        justify-content: space-between;
    }
}

/* Phase 27D Hotfix 2 — Compact ticket command bar and conversation-first overview */
.lio-ticket-command-bar {
    align-items: stretch;
    padding: .7rem .75rem;
}

.lio-ticket-command-core {
    display: flex;
    align-items: stretch;
    gap: .65rem;
    flex: 1 1 auto;
    min-width: 0;
}

.lio-ticket-command-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .3rem;
    min-width: 0;
    padding: .5rem .6rem;
    border: 1px solid rgba(15, 23, 42, .07);
    border-radius: .7rem;
    background: #f8fafc;
}

.lio-ticket-status-group {
    flex: 0 1 22rem;
}

.lio-ticket-assignment-group {
    flex: 1 1 34rem;
}

.lio-ticket-command-label,
.lio-section-label {
    color: #64748b;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .055em;
    line-height: 1.2;
    text-transform: uppercase;
}

.lio-quick-status-form,
.lio-quick-assignment-form {
    flex-wrap: nowrap;
    gap: .4rem;
}

.lio-quick-status-form .form-select,
.lio-quick-assignment-form .form-select {
    min-height: 32px;
}

.lio-quick-status-form .form-select {
    min-width: 8.5rem;
    flex: 1 1 auto;
}

.lio-quick-assignment-form .form-select {
    min-width: 9rem;
    max-width: none;
    flex: 1 1 12rem;
}

.lio-ticket-command-shortcuts {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem;
    flex: 0 0 auto;
    padding-left: .7rem;
    border-left: 1px solid rgba(15, 23, 42, .08);
}

.lio-ticket-command-shortcuts .btn {
    white-space: nowrap;
}

.lio-overview-comments {
    position: relative;
}

.lio-comment-stream-latest .lio-comment-item:first-child {
    border-color: rgba(27, 117, 188, .2);
    box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .035);
}

.lio-comment-count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.65rem;
    min-height: 1.65rem;
    padding: .2rem .55rem;
    border-radius: 999px;
    background: #eef5fc;
    color: #2369b4;
    font-size: .75rem;
    font-weight: 800;
    white-space: nowrap;
}

.lio-older-comments {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: .8rem;
    background: #fbfcfe;
    overflow: hidden;
}

.lio-older-comments > summary,
.lio-activity-history-summary {
    list-style: none;
    cursor: pointer;
}

.lio-older-comments > summary::-webkit-details-marker,
.lio-activity-history-summary::-webkit-details-marker {
    display: none;
}

.lio-older-comments > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .7rem .8rem;
    color: #475569;
    font-size: .84rem;
    font-weight: 700;
}

.lio-older-comments[open] > summary {
    border-bottom: 1px solid rgba(15, 23, 42, .07);
    background: #f8fafc;
}

.lio-older-comments > .lio-comment-stream {
    padding: 0 .8rem .8rem;
}

.lio-comment-composer {
    padding: .85rem;
}

.lio-comment-compose-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .55rem;
    align-items: stretch;
}

.lio-comment-compose-row textarea {
    min-height: 58px;
    resize: vertical;
}

.lio-comment-compose-row .btn {
    min-width: 7.4rem;
}

.lio-mention-people {
    border-top: 1px solid rgba(15, 23, 42, .07);
    padding-top: .55rem;
}

.lio-mention-people > summary {
    color: #475569;
    cursor: pointer;
    font-size: .82rem;
    font-weight: 700;
}

.lio-overview-divider {
    height: 1px;
    margin: 1.15rem 0;
    background: rgba(15, 23, 42, .08);
}

.lio-activity-history-card > summary {
    list-style: none;
}

.lio-activity-history-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.3rem;
}

.lio-activity-history-card[open] .lio-activity-history-summary {
    border-bottom: 1px solid rgba(15, 23, 42, .07);
}

@media (max-width: 1199.98px) {
    .lio-ticket-command-bar {
        position: static;
        flex-direction: column;
    }

    .lio-ticket-command-core {
        width: 100%;
        flex-wrap: wrap;
    }

    .lio-ticket-status-group,
    .lio-ticket-assignment-group {
        flex: 1 1 22rem;
    }

    .lio-ticket-command-shortcuts {
        width: 100%;
        justify-content: flex-start;
        padding-left: 0;
        padding-top: .15rem;
        border-left: 0;
    }
}

@media (max-width: 767.98px) {
    .lio-ticket-command-core,
    .lio-quick-status-form,
    .lio-quick-assignment-form,
    .lio-ticket-command-shortcuts {
        align-items: stretch;
        flex-direction: column;
    }

    .lio-ticket-status-group,
    .lio-ticket-assignment-group {
        flex-basis: auto;
        width: 100%;
    }

    .lio-quick-status-form .form-select,
    .lio-quick-assignment-form .form-select,
    .lio-ticket-command-shortcuts .btn {
        width: 100%;
        max-width: none;
    }

    .lio-comment-compose-row {
        grid-template-columns: 1fr;
    }

    .lio-comment-compose-row .btn {
        width: 100%;
    }
}

/* Premium reusable multi-person picker — MANCO decisions/actions and ticket collaboration */
.lio-people-picker-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .45rem;
}

.lio-people-picker-summary,
.lio-people-picker-actions {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
}

.lio-people-selected-count {
    display: inline-flex;
    align-items: center;
    padding: .2rem .55rem;
    border-radius: 999px;
    background: #edf4fb;
    color: #2369b4;
    font-size: .74rem;
    font-weight: 800;
}

.lio-people-scope-copy {
    color: #7b8794;
    font-size: .78rem;
    font-weight: 600;
}

.lio-people-picker-actions .btn-link {
    text-decoration: none;
    font-size: .78rem;
    font-weight: 700;
}

.lio-people-picker-actions .btn-link:disabled {
    opacity: .45;
    pointer-events: none;
}

.lio-people-picker.has-selection .lio-people-picker-search {
    border-color: #c7d9eb;
}

@media (max-width: 575.98px) {
    .lio-people-picker-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* MANCO/UI polish — people pickers overlay form cards instead of being clipped. */
.lio-form-section-card.lio-people-picker-host-open,
.lio-premium-form-card.lio-people-picker-host-open {
    position: relative;
    z-index: 40;
    overflow: visible !important;
}

.lio-form-section-card.lio-people-picker-host-open > .card-body,
.lio-premium-form-card.lio-people-picker-host-open > .card-body {
    overflow: visible !important;
}

.lio-people-picker.is-open,
.lio-people-picker.is-open .lio-people-picker-search-wrap {
    z-index: 45;
}

/* =========================================================
   Phase 29 UX polish: Ticket Review + Continuous Improvement
   ========================================================= */

.lio-review-workspace .lio-template-stat,
.lio-improvement-workspace .lio-template-stat {
    min-height: 92px;
}

.lio-review-stat-danger {
    background: rgba(220, 53, 69, .09) !important;
    color: #dc3545 !important;
}

.lio-review-stat-warning {
    background: rgba(245, 158, 11, .10) !important;
    color: #b45309 !important;
}

.lio-improvement-stat-purple {
    background: rgba(99, 102, 241, .10) !important;
    color: #4f46e5 !important;
}

.lio-review-status-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .55rem;
}

.lio-review-status-option {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-height: 42px;
    padding: .6rem .7rem;
    border: 1px solid rgba(15, 23, 42, .09);
    border-radius: 11px;
    background: #fff;
    color: #334155;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.lio-review-status-option:hover {
    border-color: rgba(27, 117, 188, .28);
    background: rgba(27, 117, 188, .025);
}

.lio-review-status-option:has(input:checked) {
    border-color: rgba(27, 117, 188, .30);
    background: rgba(27, 117, 188, .055);
    box-shadow: inset 0 0 0 1px rgba(27, 117, 188, .04);
}

.lio-review-status-option .form-check-input {
    flex: 0 0 auto;
    margin: 0;
}

.lio-review-status-copy {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    font-size: .82rem;
    font-weight: 700;
}

.lio-review-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    flex: 0 0 8px;
}

.lio-review-overdue-check {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .65rem .8rem;
    border: 1px solid rgba(220, 53, 69, .12);
    border-radius: 11px;
    background: rgba(220, 53, 69, .025);
}

.lio-review-overdue-check .form-check-input {
    margin-top: .2rem;
}

.lio-review-overdue-check .form-check-label {
    display: flex;
    flex-direction: column;
    color: #334155;
    line-height: 1.25;
}

.lio-review-overdue-check .form-check-label span {
    margin-top: .1rem;
    color: #64748b;
    font-size: .75rem;
}

.lio-review-filter-chip,
.lio-department-chip,
.lio-improvement-category,
.lio-fivewhy-complete {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 750;
    line-height: 1.1;
}

.lio-review-filter-chip {
    padding: .4rem .65rem;
    border: 1px solid rgba(15, 23, 42, .07);
    background: #f8fafc;
    color: #475569;
}

.lio-review-table-card,
.lio-improvement-table-card,
.lio-premium-section-card {
    border: 1px solid rgba(15, 23, 42, .065);
    border-radius: 18px;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.lio-review-table thead th {
    padding: .85rem .9rem;
    border-bottom-color: rgba(15, 23, 42, .07);
    background: #f8fafc;
    color: #64748b;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
    white-space: nowrap;
}

.lio-review-table tbody td {
    padding: .85rem .9rem;
    border-bottom-color: rgba(15, 23, 42, .055);
    color: #475569;
    font-size: .84rem;
    vertical-align: middle;
}

.lio-review-ticket-ref {
    color: var(--lambda-blue);
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.lio-review-ticket-ref:hover { text-decoration: underline; }

.lio-review-subject-cell { min-width: 240px; max-width: 430px; }

.lio-review-person {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 135px;
}

.lio-review-person > span {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    border-radius: 999px;
    background: rgba(27, 117, 188, .09);
    color: var(--lambda-blue);
    font-size: .72rem;
    font-weight: 800;
}

.lio-review-person strong { color: #334155; font-size: .8rem; font-weight: 700; }

.lio-review-unassigned {
    display: inline-flex;
    border-radius: 999px;
    padding: .28rem .5rem;
    background: #f8fafc;
    color: #94a3b8;
    font-size: .72rem;
    font-weight: 750;
}

.lio-review-empty {
    min-height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #64748b;
    padding: 2rem;
}

.lio-review-empty > span {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .75rem;
    border-radius: 14px;
    background: rgba(27, 117, 188, .08);
    color: var(--lambda-blue);
}

.lio-review-empty > span svg { width: 20px; height: 20px; }
.lio-review-empty strong { color: #334155; }
.lio-review-empty small { margin-top: .25rem; }
.lio-review-empty-compact { min-height: 135px; padding: 1.25rem; }

.lio-department-chip {
    padding: .32rem .52rem;
    border: 1px solid rgba(27, 117, 188, .11);
    background: rgba(27, 117, 188, .055);
    color: #245780;
}

.lio-improvement-category {
    margin-top: .28rem;
    padding: .3rem .52rem;
    border: 1px solid rgba(99, 102, 241, .10);
    background: rgba(99, 102, 241, .055);
    color: #4f46e5;
}

.lio-mini-progress {
    height: 5px;
    min-width: 90px;
    border-radius: 999px;
    background: #edf2f7;
}

.lio-mini-progress .progress-bar {
    border-radius: 999px;
    background: var(--lambda-blue);
}

.lio-improvement-status {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .34rem .58rem;
    border: 1px solid transparent;
    font-size: .7rem;
    font-weight: 800;
    white-space: nowrap;
}

.lio-improvement-status.is-draft { background: #f8fafc; border-color: #e2e8f0; color: #64748b; }
.lio-improvement-status.is-review { background: #fff7ed; border-color: #fed7aa; color: #9a3412; }
.lio-improvement-status.is-ready { background: #eef2ff; border-color: #c7d2fe; color: #4338ca; }
.lio-improvement-status.is-resolution { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }
.lio-improvement-status.is-actions { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
.lio-improvement-status.is-closed { background: #ecfdf5; border-color: #a7f3d0; color: #047857; }
.lio-improvement-status.is-cancelled { background: #f8fafc; border-color: #cbd5e1; color: #64748b; }

.lio-improvement-form-stack {
    display: grid;
    gap: 1rem;
}

.lio-section-heading {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
}

.lio-department-select-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
}

.lio-department-select-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: .7rem;
    min-height: 70px;
    padding: .8rem .85rem;
    border: 1px solid rgba(15, 23, 42, .095);
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

.lio-department-select-card:hover {
    border-color: rgba(27, 117, 188, .24);
    transform: translateY(-1px);
}

.lio-department-select-card input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.lio-department-select-card:has(input:checked) {
    border-color: rgba(27, 117, 188, .30);
    background: rgba(27, 117, 188, .045);
}

.lio-department-select-icon {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    border-radius: 11px;
    background: #f8fafc;
    color: #64748b;
}

.lio-department-select-icon svg { width: 17px; height: 17px; }
.lio-department-select-card:has(input:checked) .lio-department-select-icon { background: rgba(27, 117, 188, .10); color: var(--lambda-blue); }

.lio-department-select-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lio-department-select-copy strong { color: #334155; font-size: .85rem; }
.lio-department-select-copy small { color: #94a3b8; font-size: .7rem; }

.lio-department-select-check {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: transparent;
}

.lio-department-select-check svg { width: 14px; height: 14px; }
.lio-department-select-card:has(input:checked) .lio-department-select-check { background: var(--lambda-blue); border-color: var(--lambda-blue); color: #fff; }

.lio-fivewhy-stack { display: grid; gap: .7rem; }

.lio-fivewhy-input-row {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    padding: .8rem;
    border: 1px solid rgba(15, 23, 42, .07);
    border-radius: 14px;
    background: #fbfdff;
}

.lio-fivewhy-number {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    border-radius: 11px;
    background: rgba(27, 117, 188, .09);
    color: var(--lambda-blue);
    font-weight: 800;
}

.lio-form-actionbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 16px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}

.lio-form-actionbar > div { display: flex; flex-direction: column; }
.lio-form-actionbar strong { color: #334155; font-size: .88rem; }
.lio-form-actionbar small { color: #64748b; }

.lio-improvement-flow {
    display: grid;
    grid-template-columns: repeat(6, minmax(0,1fr));
    gap: .55rem;
}

.lio-improvement-flow-step {
    position: relative;
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 52px;
    padding: .6rem .7rem;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 13px;
    background: #fff;
    color: #94a3b8;
}

.lio-improvement-flow-step > span {
    width: 27px;
    height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 27px;
    border-radius: 9px;
    background: #f1f5f9;
    font-size: .68rem;
    font-weight: 800;
}

.lio-improvement-flow-step > span svg { width: 14px; height: 14px; }
.lio-improvement-flow-step small { font-weight: 750; line-height: 1.15; }
.lio-improvement-flow-step.is-complete { color: #166534; border-color: #bbf7d0; background: #f0fdf4; }
.lio-improvement-flow-step.is-complete > span { background: #dcfce7; color: #15803d; }
.lio-improvement-flow-step.is-current { color: #1d4ed8; border-color: #bfdbfe; background: #eff6ff; box-shadow: 0 8px 22px rgba(27,117,188,.08); }
.lio-improvement-flow-step.is-current > span { background: var(--lambda-blue); color: #fff; }

.lio-improvement-workspace .lio-card-kicker {
    color: var(--lambda-blue);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.lio-improvement-context { color: #475569; line-height: 1.7; white-space: pre-line; }

.lio-fivewhy-complete {
    padding: .36rem .58rem;
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}
.lio-fivewhy-complete svg { width: 13px; height: 13px; }

.lio-fivewhy-readonly { display: grid; gap: .65rem; }
.lio-fivewhy-readonly-row { display: flex; align-items: flex-start; gap: .8rem; padding: .75rem .8rem; border: 1px solid rgba(15,23,42,.065); border-radius: 13px; background: #fbfdff; }
.lio-fivewhy-readonly-row > span { width: 30px; height: 30px; display: inline-flex; align-items:center; justify-content:center; flex:0 0 30px; border-radius:10px; background:rgba(27,117,188,.09); color:var(--lambda-blue); font-size:.75rem; font-weight:800; }
.lio-fivewhy-readonly-row small { display:block; margin-bottom:.15rem; color:#64748b; font-weight:750; }
.lio-fivewhy-readonly-row p { margin:0; color:#334155; line-height:1.5; }

.lio-response-summary { min-width: 170px; padding: .7rem .8rem; border:1px solid rgba(15,23,42,.07); border-radius:12px; background:#fbfdff; }
.lio-response-summary strong { display:block; color:#334155; font-size:1rem; }
.lio-response-summary span { display:block; color:#64748b; font-size:.7rem; margin-bottom:.45rem; }

.lio-department-response-list { border-top:1px solid rgba(15,23,42,.06); }
.lio-department-response-item { padding:1rem 1.5rem; border-bottom:1px solid rgba(15,23,42,.055); }
.lio-department-response-item:last-child { border-bottom:0; }
.lio-department-response-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.lio-department-response-head > div { display:flex; flex-direction:column; }
.lio-department-response-head strong { color:#334155; }
.lio-department-response-head small { color:#94a3b8; margin-top:.1rem; }

.lio-improvement-response-badge { display:inline-flex; border-radius:999px; padding:.3rem .52rem; font-size:.68rem; font-weight:800; }
.lio-improvement-response-badge.is-complete { background:#f0fdf4; color:#166534; border:1px solid #bbf7d0; }
.lio-improvement-response-badge.is-pending { background:#fff7ed; color:#9a3412; border:1px solid #fed7aa; }

.lio-department-why-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; margin-top:.8rem; }
.lio-department-why-grid > div { display:flex; gap:.5rem; padding:.6rem .7rem; border-radius:11px; background:#f8fafc; }
.lio-department-why-grid span { width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 22px; border-radius:7px; background:#fff; color:var(--lambda-blue); font-size:.65rem; font-weight:800; box-shadow:0 1px 4px rgba(15,23,42,.06); }
.lio-department-why-grid p { margin:0; color:#475569; font-size:.78rem; line-height:1.4; }

.lio-department-response-form,
.lio-resolution-form { margin-top:.85rem; border-top:1px dashed rgba(15,23,42,.09); padding-top:.75rem; }
.lio-department-response-form summary,
.lio-resolution-form summary { color:var(--lambda-blue); font-size:.78rem; font-weight:800; cursor:pointer; }

.lio-resolution-panel { padding:.8rem .9rem; border:1px solid rgba(15,23,42,.07); border-radius:12px; background:#fbfdff; }
.lio-resolution-panel small { display:block; color:#64748b; font-size:.68rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.lio-resolution-panel p { margin:.25rem 0 0; color:#334155; white-space:pre-line; }

.lio-action-link-list > a { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 1.5rem; border-top:1px solid rgba(15,23,42,.055); color:inherit; text-decoration:none; }
.lio-action-link-list > a:hover { background:#fbfdff; }
.lio-action-link-list > a > div { display:flex; flex-direction:column; min-width:0; }
.lio-action-link-list > a strong { color:var(--lambda-blue); font-size:.75rem; }
.lio-action-link-list > a span:not(.lio-improvement-status) { color:#334155; font-weight:700; }

.lio-summary-facts { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; }
.lio-summary-facts > div { padding:.65rem .7rem; border:1px solid rgba(15,23,42,.065); border-radius:11px; background:#fbfdff; }
.lio-summary-facts span { display:block; color:#94a3b8; font-size:.66rem; font-weight:750; text-transform:uppercase; letter-spacing:.035em; }
.lio-summary-facts strong { display:block; margin-top:.15rem; color:#334155; font-size:.8rem; }

.lio-evidence-upload { display:flex; gap:.5rem; align-items:center; }
.lio-evidence-list > a { display:flex; align-items:center; gap:.6rem; padding:.75rem 1.25rem; border-top:1px solid rgba(15,23,42,.055); color:inherit; text-decoration:none; }
.lio-evidence-list > a:hover { background:#fbfdff; }
.lio-evidence-list > a > span { width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 30px; border-radius:9px; background:rgba(27,117,188,.08); color:var(--lambda-blue); }
.lio-evidence-list svg { width:15px; height:15px; }
.lio-evidence-list > a > div { display:flex; flex-direction:column; min-width:0; flex:1; }
.lio-evidence-list strong { color:#334155; font-size:.78rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lio-evidence-list small { color:#94a3b8; font-size:.68rem; }

.lio-activity-timeline { padding:.75rem 1.25rem 1.25rem; }
.lio-activity-item { position:relative; display:flex; gap:.7rem; padding:.5rem 0 .75rem; }
.lio-activity-item > span { width:9px; height:9px; margin-top:.28rem; flex:0 0 9px; border-radius:999px; background:var(--lambda-blue); box-shadow:0 0 0 4px rgba(27,117,188,.09); }
.lio-activity-item > div { min-width:0; }
.lio-activity-item strong { color:#334155; font-size:.76rem; }
.lio-activity-item p { margin:.12rem 0; color:#64748b; font-size:.73rem; line-height:1.4; }
.lio-activity-item small { color:#94a3b8; font-size:.66rem; }

@media (max-width: 1199.98px) {
    .lio-review-status-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .lio-improvement-flow { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 767.98px) {
    .lio-review-status-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .lio-department-select-grid { grid-template-columns: 1fr; }
    .lio-improvement-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .lio-department-why-grid { grid-template-columns: 1fr; }
    .lio-form-actionbar { align-items:stretch; flex-direction:column; }
    .lio-form-actionbar .btn { width:100%; }
    .lio-evidence-upload { align-items:stretch; flex-direction:column; }
}

/* =========================================================
   Phase 29 UX polish: Foreign Stock Enquiries + IQ PO Tracking
   ========================================================= */

.lio-foreign-workspace .lio-template-stat { min-height: 92px; }

.lio-foreign-stat-purple {
    background: rgba(99, 102, 241, .10) !important;
    color: #4f46e5 !important;
}

.lio-foreign-table-card {
    border: 1px solid rgba(15, 23, 42, .065);
    border-radius: 18px;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.lio-foreign-source-chip,
.lio-foreign-status,
.lio-selected-badge {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    border-radius: 999px;
    border: 1px solid transparent;
    line-height: 1.1;
    white-space: nowrap;
}

.lio-foreign-source-chip {
    padding: .32rem .52rem;
    border-color: rgba(14, 116, 144, .12);
    background: rgba(14, 116, 144, .055);
    color: #0e7490;
    font-size: .7rem;
    font-weight: 780;
}

.lio-foreign-status {
    padding: .34rem .58rem;
    font-size: .7rem;
    font-weight: 800;
}

.lio-foreign-status.is-draft { background:#f8fafc; border-color:#e2e8f0; color:#64748b; }
.lio-foreign-status.is-sourcing { background:#fff7ed; border-color:#fed7aa; color:#9a3412; }
.lio-foreign-status.is-quotes { background:#fefce8; border-color:#fde68a; color:#854d0e; }
.lio-foreign-status.is-approved { background:#eef2ff; border-color:#c7d2fe; color:#4338ca; }
.lio-foreign-status.is-ready { background:#eff6ff; border-color:#bfdbfe; color:#1d4ed8; }
.lio-foreign-status.is-converted,
.lio-foreign-status.is-closed { background:#ecfdf5; border-color:#a7f3d0; color:#047857; }
.lio-foreign-status.is-cancelled { background:#f8fafc; border-color:#cbd5e1; color:#64748b; }
.lio-foreign-status.is-active { background:#eff6ff; border-color:#bfdbfe; color:#1d4ed8; }
.lio-foreign-status.is-manufacturing { background:#faf5ff; border-color:#e9d5ff; color:#7e22ce; }
.lio-foreign-status.is-transit { background:#eef2ff; border-color:#c7d2fe; color:#4338ca; }
.lio-foreign-status.is-customs { background:#fff7ed; border-color:#fed7aa; color:#9a3412; }
.lio-foreign-status.is-local { background:#f0fdf4; border-color:#bbf7d0; color:#166534; }

.lio-iq-ref {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #475569;
}

.lio-iq-ref > svg {
    width: 15px;
    height: 15px;
    color: var(--lambda-blue);
    flex: 0 0 15px;
}

.lio-iq-ref > span { display:flex; flex-direction:column; line-height:1.15; }
.lio-iq-ref small { color:#94a3b8; font-size:.62rem; font-weight:750; text-transform:uppercase; letter-spacing:.035em; }
.lio-iq-ref strong { color:#334155; font-size:.78rem; }

.lio-foreign-form-stack { display:grid; gap:1rem; }

.lio-spec-grid {
    display:grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap:.75rem;
}

.lio-spec-field {
    display:block;
    padding:.8rem;
    border:1px solid rgba(15,23,42,.07);
    border-radius:14px;
    background:#fbfdff;
}

.lio-spec-field > span { display:flex; align-items:baseline; gap:.45rem; margin-bottom:.55rem; }
.lio-spec-field > span strong { color:var(--lambda-blue); font-size:.84rem; }
.lio-spec-field > span small { color:#64748b; font-size:.68rem; font-weight:700; }

.lio-foreign-flow {
    display:grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap:.55rem;
}

.lio-foreign-flow-step {
    display:flex;
    align-items:center;
    gap:.55rem;
    min-height:52px;
    padding:.6rem .7rem;
    border:1px solid rgba(15,23,42,.08);
    border-radius:13px;
    background:#fff;
    color:#94a3b8;
}

.lio-foreign-flow-step > span {
    width:27px;
    height:27px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 27px;
    border-radius:9px;
    background:#f1f5f9;
}

.lio-foreign-flow-step > span svg { width:14px; height:14px; }
.lio-foreign-flow-step small { font-weight:750; line-height:1.15; }
.lio-foreign-flow-step.is-complete { color:#166534; border-color:#bbf7d0; background:#f0fdf4; }
.lio-foreign-flow-step.is-complete > span { background:#dcfce7; color:#15803d; }
.lio-foreign-flow-step.is-current { color:#1d4ed8; border-color:#bfdbfe; background:#eff6ff; box-shadow:0 8px 22px rgba(27,117,188,.08); }
.lio-foreign-flow-step.is-current > span { background:var(--lambda-blue); color:#fff; }

.lio-foreign-workspace .lio-card-kicker {
    color:var(--lambda-blue);
    font-size:.68rem;
    font-weight:850;
    letter-spacing:.065em;
    text-transform:uppercase;
}

.lio-foreign-date-callout {
    min-width:150px;
    padding:.65rem .8rem;
    border:1px solid rgba(15,23,42,.07);
    border-radius:12px;
    background:#fbfdff;
}

.lio-foreign-date-callout small,
.lio-foreign-date-callout strong,
.lio-foreign-date-callout span { display:block; }
.lio-foreign-date-callout small { color:#94a3b8; font-size:.65rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.lio-foreign-date-callout strong { margin-top:.15rem; color:#334155; font-size:.88rem; }
.lio-foreign-date-callout span { color:#64748b; font-size:.68rem; }
.lio-foreign-date-callout.is-late { border-color:#fecaca; background:#fef2f2; }
.lio-foreign-date-callout.is-late strong,
.lio-foreign-date-callout.is-late span { color:#b91c1c; }

.lio-spec-summary-grid {
    display:grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap:.65rem;
}

.lio-spec-summary-item {
    display:flex;
    align-items:center;
    gap:.65rem;
    min-height:64px;
    padding:.7rem;
    border:1px solid rgba(15,23,42,.065);
    border-radius:12px;
    background:#fbfdff;
}

.lio-spec-summary-item > span {
    min-width:36px;
    height:36px;
    padding:0 .45rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:rgba(27,117,188,.09);
    color:var(--lambda-blue);
    font-size:.72rem;
    font-weight:850;
}

.lio-spec-summary-item > div { display:flex; flex-direction:column; min-width:0; }
.lio-spec-summary-item small { color:#94a3b8; font-size:.63rem; font-weight:750; }
.lio-spec-summary-item strong { color:#334155; font-size:.78rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.lio-foreign-notes {
    padding:.8rem .9rem;
    border:1px solid rgba(15,23,42,.065);
    border-radius:12px;
    background:#fbfdff;
}

.lio-foreign-notes small { display:block; color:#64748b; font-size:.66rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.lio-foreign-notes p { margin:.3rem 0 0; color:#334155; line-height:1.6; white-space:pre-line; }

.lio-offer-table .lio-selected-offer { background:rgba(22,163,74,.035); }
.lio-offer-note { max-width:260px; }

.lio-selected-badge {
    padding:.34rem .55rem;
    border-color:#bbf7d0;
    background:#f0fdf4;
    color:#166534;
    font-size:.7rem;
    font-weight:800;
}
.lio-selected-badge svg { width:13px; height:13px; }

.lio-foreign-details {
    border:1px dashed rgba(27,117,188,.20);
    border-radius:13px;
    background:rgba(27,117,188,.02);
    padding:.8rem .9rem;
}

.lio-foreign-details summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    color:var(--lambda-blue);
    cursor:pointer;
    list-style:none;
}
.lio-foreign-details summary::-webkit-details-marker { display:none; }
.lio-foreign-details summary > span { display:inline-flex; align-items:center; gap:.45rem; font-size:.8rem; font-weight:800; }
.lio-foreign-details summary > span svg { width:15px; height:15px; }
.lio-foreign-details summary > small { color:#94a3b8; }

.lio-iq-handoff-card {
    display:flex;
    align-items:center;
    gap:1rem;
    padding:1rem 1.1rem;
    border:1px solid #bfdbfe;
    border-radius:16px;
    background:#eff6ff;
    box-shadow:0 12px 28px rgba(27,117,188,.06);
}

.lio-iq-handoff-icon {
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    border-radius:13px;
    background:#dbeafe;
    color:#1d4ed8;
}
.lio-iq-handoff-icon svg { width:19px; height:19px; }
.lio-iq-handoff-card h3 { color:#1e3a8a; }
.lio-iq-handoff-card p { color:#475569; font-size:.78rem; line-height:1.45; }

.lio-iq-boundary-card {
    display:flex;
    align-items:flex-start;
    gap:.85rem;
    padding:1rem 1.1rem;
    border:1px solid rgba(14,116,144,.16);
    border-radius:16px;
    background:rgba(14,116,144,.04);
}

.lio-iq-boundary-card > span {
    width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 38px;
    border-radius:11px;
    background:rgba(14,116,144,.10);
    color:#0e7490;
}
.lio-iq-boundary-card > span svg { width:17px; height:17px; }
.lio-iq-boundary-card strong { display:block; color:#334155; font-size:.85rem; }
.lio-iq-boundary-card p { margin:.2rem 0 0; color:#64748b; font-size:.76rem; }

.lio-foreign-kpi-card {
    min-height:112px;
    height:100%;
    display:flex;
    align-items:flex-start;
    gap:.8rem;
    padding:1rem;
    border:1px solid rgba(15,23,42,.065);
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.045);
}

.lio-foreign-kpi-card > span {
    width:36px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 36px;
    border-radius:11px;
    background:rgba(27,117,188,.09);
    color:var(--lambda-blue);
}
.lio-foreign-kpi-card > span svg { width:16px; height:16px; }
.lio-foreign-kpi-card > div { display:flex; flex-direction:column; min-width:0; }
.lio-foreign-kpi-card small { color:#94a3b8; font-size:.64rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.lio-foreign-kpi-card strong { margin-top:.2rem; color:#334155; font-size:.88rem; line-height:1.25; }
.lio-foreign-kpi-card em { margin-top:.2rem; color:#64748b; font-size:.68rem; font-style:normal; line-height:1.3; }
.lio-foreign-kpi-card.is-danger { border-color:#fecaca; background:#fffafa; }
.lio-foreign-kpi-card.is-danger > span { background:#fee2e2; color:#dc2626; }
.lio-foreign-kpi-card.is-danger strong,
.lio-foreign-kpi-card.is-danger em { color:#b91c1c; }

.lio-route-summary {
    display:flex;
    align-items:center;
    gap:.55rem;
    padding:.55rem .7rem;
    border:1px solid rgba(15,23,42,.07);
    border-radius:11px;
    background:#fbfdff;
    color:#64748b;
    font-size:.72rem;
}
.lio-route-summary svg { width:14px; height:14px; color:var(--lambda-blue); }
.lio-route-summary strong { color:#334155; }

.lio-shipment-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.7rem;
}

.lio-shipment-grid > div {
    min-height:88px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:.75rem;
    border:1px solid rgba(15,23,42,.065);
    border-radius:13px;
    background:#fbfdff;
}
.lio-shipment-grid > div > span { width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:.5rem; border-radius:9px; background:rgba(27,117,188,.08); color:var(--lambda-blue); }
.lio-shipment-grid > div > span svg { width:14px; height:14px; }
.lio-shipment-grid small { color:#94a3b8; font-size:.63rem; font-weight:750; }
.lio-shipment-grid strong { margin-top:.1rem; color:#334155; font-size:.78rem; word-break:break-word; }

.lio-history-note { min-width:220px; max-width:420px; white-space:normal; }

.lio-milestone-timeline { padding-top:.4rem; }
.lio-milestone-event { position:relative; display:flex; gap:.8rem; padding:.85rem 0; border-bottom:1px solid rgba(15,23,42,.055); }
.lio-milestone-event:last-child { border-bottom:0; }
.lio-milestone-event > span { width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 30px; border-radius:999px; background:#f0fdf4; color:#15803d; border:1px solid #bbf7d0; }
.lio-milestone-event > span svg { width:14px; height:14px; }
.lio-milestone-event > div { flex:1; min-width:0; }
.lio-milestone-event strong { color:#334155; font-size:.8rem; }
.lio-milestone-event small { color:#94a3b8; font-size:.67rem; }
.lio-milestone-event p { margin:.18rem 0; color:#64748b; font-size:.75rem; }
.lio-milestone-event em { color:#94a3b8; font-size:.66rem; font-style:normal; }

.lio-iq-link-panel { display:grid; gap:.55rem; }
.lio-iq-link-panel > div { padding:.65rem .7rem; border:1px solid rgba(15,23,42,.065); border-radius:11px; background:#fbfdff; }
.lio-iq-link-panel span { display:block; color:#94a3b8; font-size:.63rem; font-weight:800; text-transform:uppercase; letter-spacing:.035em; }
.lio-iq-link-panel strong { display:block; margin-top:.12rem; color:#334155; font-size:.8rem; word-break:break-word; }

.lio-selected-supplier { padding:.75rem .8rem; border:1px solid #bbf7d0; border-radius:12px; background:#f0fdf4; }
.lio-selected-supplier small,
.lio-selected-supplier strong,
.lio-selected-supplier span { display:block; }
.lio-selected-supplier small { color:#15803d; font-size:.64rem; font-weight:800; text-transform:uppercase; letter-spacing:.035em; }
.lio-selected-supplier strong { margin-top:.15rem; color:#166534; font-size:.85rem; }
.lio-selected-supplier span { color:#3f6212; font-size:.72rem; }

.lio-iq-boundary-note { display:flex; align-items:flex-start; gap:.5rem; color:#64748b; font-size:.7rem; line-height:1.4; }
.lio-iq-boundary-note svg { width:14px; height:14px; flex:0 0 14px; margin-top:.08rem; color:#0e7490; }

@media (max-width: 1199.98px) {
    .lio-spec-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .lio-spec-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .lio-foreign-flow { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .lio-shipment-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 767.98px) {
    .lio-spec-grid,
    .lio-spec-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .lio-foreign-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .lio-iq-handoff-card { align-items:flex-start; flex-direction:column; }
    .lio-iq-handoff-card .btn { width:100%; }
    .lio-shipment-grid { grid-template-columns:1fr 1fr; }
    .lio-route-summary { width:100%; justify-content:center; }
}

@media (max-width: 575.98px) {
    .lio-spec-grid,
    .lio-spec-summary-grid,
    .lio-shipment-grid { grid-template-columns:1fr; }
}

/* =========================================================
   MANCO governance premium UI polish
   ========================================================= */
.lio-manco-workspace .lio-template-stat { min-height: 92px; }
.lio-manco-stat-warning { background: rgba(245,158,11,.10)!important; color:#b45309!important; }
.lio-manco-stat-purple { background: rgba(99,102,241,.10)!important; color:#4f46e5!important; }
.lio-manco-stat-success { background: rgba(16,185,129,.10)!important; color:#047857!important; }
.lio-manco-stat-danger { background: rgba(220,53,69,.09)!important; color:#b91c1c!important; }

.lio-manco-status,
.lio-manco-priority,
.lio-manco-type {
    display:inline-flex; align-items:center; gap:.3rem; border-radius:999px; border:1px solid transparent;
    padding:.34rem .58rem; font-size:.7rem; font-weight:800; line-height:1.1; white-space:nowrap;
}
.lio-manco-status.is-draft { background:#f8fafc; border-color:#e2e8f0; color:#64748b; }
.lio-manco-status.is-open,.lio-manco-status.is-published,.lio-manco-status.is-submitted { background:#eff6ff; border-color:#bfdbfe; color:#1d4ed8; }
.lio-manco-status.is-review,.lio-manco-status.is-under_review,.lio-manco-status.is-changes_requested { background:#fff7ed; border-color:#fed7aa; color:#9a3412; }
.lio-manco-status.is-in_progress { background:#eef2ff; border-color:#c7d2fe; color:#4338ca; }
.lio-manco-status.is-completed { background:#fefce8; border-color:#fde68a; color:#854d0e; }
.lio-manco-status.is-verified,.lio-manco-status.is-approved { background:#f0fdf4; border-color:#bbf7d0; color:#166534; }
.lio-manco-status.is-closed { background:#ecfdf5; border-color:#a7f3d0; color:#047857; }
.lio-manco-status.is-rejected,.lio-manco-status.is-cancelled { background:#fef2f2; border-color:#fecaca; color:#b91c1c; }
.lio-manco-priority.is-low { background:#f8fafc; border-color:#e2e8f0; color:#64748b; }
.lio-manco-priority.is-medium { background:#eff6ff; border-color:#bfdbfe; color:#1d4ed8; }
.lio-manco-priority.is-high { background:#fff7ed; border-color:#fed7aa; color:#9a3412; }
.lio-manco-priority.is-critical { background:#fef2f2; border-color:#fecaca; color:#b91c1c; }
.lio-manco-type { background:rgba(99,102,241,.055); border-color:rgba(99,102,241,.12); color:#4f46e5; }

.lio-manco-dashboard-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr); gap:1rem; }
.lio-manco-dashboard-stack { display:grid; gap:1rem; }
.lio-manco-panel { border:1px solid rgba(15,23,42,.065); border-radius:18px; background:#fff; box-shadow:0 12px 34px rgba(15,23,42,.05); overflow:hidden; }
.lio-manco-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1rem 1.25rem; border-bottom:1px solid rgba(15,23,42,.06); background:linear-gradient(180deg,#fff,#fbfdff); }
.lio-manco-panel-head h5 { margin:0; color:#334155; font-size:.95rem; }
.lio-manco-panel-head p { margin:.18rem 0 0; color:#94a3b8; font-size:.72rem; }
.lio-manco-panel-link { color:var(--lambda-blue); font-size:.74rem; font-weight:800; text-decoration:none; white-space:nowrap; }
.lio-manco-panel-link:hover { text-decoration:underline; }

.lio-manco-list { display:grid; }
.lio-manco-list-item { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 1.2rem; border-top:1px solid rgba(15,23,42,.055); color:inherit; text-decoration:none; }
.lio-manco-list-item:first-child { border-top:0; }
.lio-manco-list-item:hover { background:#fbfdff; }
.lio-manco-list-item > div:first-child { min-width:0; }
.lio-manco-list-item strong { display:block; color:#334155; font-size:.82rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lio-manco-list-item small { display:block; margin-top:.15rem; color:#94a3b8; font-size:.69rem; }
.lio-manco-list-meta { display:flex; align-items:center; gap:.45rem; flex:0 0 auto; }

.lio-manco-flow { display:grid; gap:.55rem; }
.lio-manco-flow.cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.lio-manco-flow.cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.lio-manco-flow.cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
.lio-manco-flow-step { display:flex; align-items:center; gap:.55rem; min-height:50px; padding:.6rem .7rem; border:1px solid rgba(15,23,42,.08); border-radius:13px; background:#fff; color:#94a3b8; }
.lio-manco-flow-step > span { width:27px; height:27px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 27px; border-radius:9px; background:#f1f5f9; font-size:.66rem; font-weight:850; }
.lio-manco-flow-step strong { font-size:.73rem; }
.lio-manco-flow-step.is-done { border-color:rgba(16,185,129,.18); background:rgba(16,185,129,.035); color:#047857; }
.lio-manco-flow-step.is-done > span { background:#d1fae5; color:#047857; }
.lio-manco-flow-step.is-current { border-color:rgba(27,117,188,.24); background:rgba(27,117,188,.045); color:var(--lambda-blue); box-shadow:inset 0 0 0 1px rgba(27,117,188,.03); }
.lio-manco-flow-step.is-current > span { background:rgba(27,117,188,.10); color:var(--lambda-blue); }

.lio-manco-summary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
.lio-manco-summary-card { padding:.75rem .8rem; border:1px solid rgba(15,23,42,.065); border-radius:12px; background:#fbfdff; }
.lio-manco-summary-card small { display:block; color:#94a3b8; font-size:.65rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.lio-manco-summary-card strong { display:block; margin-top:.18rem; color:#334155; font-size:.82rem; }

.lio-manco-person-list { display:grid; gap:.5rem; }
.lio-manco-person-row { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.65rem .7rem; border:1px solid rgba(15,23,42,.06); border-radius:12px; background:#fbfdff; }
.lio-manco-person-copy { display:flex; align-items:center; gap:.55rem; min-width:0; }
.lio-manco-avatar { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 32px; border-radius:999px; background:rgba(27,117,188,.09); color:var(--lambda-blue); font-size:.72rem; font-weight:850; }
.lio-manco-person-copy strong { display:block; color:#334155; font-size:.78rem; }
.lio-manco-person-copy small { display:block; color:#94a3b8; font-size:.66rem; }

.lio-manco-copy { color:#475569; line-height:1.72; white-space:pre-line; }
.lio-manco-copy.is-large { font-size:1rem; }
.lio-manco-warning-panel { padding:.9rem 1rem; border:1px solid #fed7aa; border-radius:14px; background:#fff7ed; }
.lio-manco-success-panel { padding:.9rem 1rem; border:1px solid #bbf7d0; border-radius:14px; background:#f0fdf4; }

.lio-manco-ack-summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 1rem; border-bottom:1px solid rgba(15,23,42,.06); background:#fbfdff; }
.lio-manco-ack-summary strong { color:#334155; font-size:.86rem; }
.lio-manco-ack-summary small { color:#64748b; }
.lio-manco-ack-progress { min-width:180px; }

.lio-manco-previous-review { border-color:rgba(245,158,11,.22)!important; background:linear-gradient(180deg,#fff,#fffdf7); }
.lio-manco-form-stack { display:grid; gap:1rem; }
.lio-manco-form-card { border:1px solid rgba(15,23,42,.065); border-radius:18px; box-shadow:0 12px 34px rgba(15,23,42,.045); overflow:visible; }
.lio-manco-form-card > .card-body { padding:1.25rem; }
.lio-manco-form-card .lio-section-heading { margin-bottom:1rem; }

.lio-manco-discussion-card .card-body { padding:1rem 1.25rem 1.25rem; }
.lio-manco-comment { padding:.75rem 0; border-top:1px solid rgba(15,23,42,.055); }
.lio-manco-comment:first-of-type { border-top:0; }
.lio-manco-comment-head { display:flex; justify-content:space-between; gap:.75rem; }
.lio-manco-comment-head strong { color:#334155; font-size:.78rem; }
.lio-manco-comment-head small { color:#94a3b8; font-size:.66rem; }
.lio-manco-comment-body { margin-top:.25rem; color:#475569; font-size:.78rem; line-height:1.5; white-space:pre-wrap; }

@media (max-width:1199.98px){
    .lio-manco-dashboard-grid { grid-template-columns:1fr; }
    .lio-manco-flow.cols-5 { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:767.98px){
    .lio-manco-flow.cols-3,.lio-manco-flow.cols-4,.lio-manco-flow.cols-5 { grid-template-columns:1fr 1fr; }
    .lio-manco-summary-grid { grid-template-columns:1fr; }
    .lio-manco-ack-summary { align-items:flex-start; flex-direction:column; }
    .lio-manco-ack-progress { width:100%; min-width:0; }
}

/* Phase 29B — multi-line foreign stock enquiry */
.lio-enquiry-lines-wrap { border-top:1px solid #eef2f7; }
.lio-enquiry-lines-table { min-width:1080px; }
.lio-enquiry-lines-table thead th,
.lio-enquiry-show-lines thead th { background:#f8fafc; color:#64748b; font-size:.68rem; font-weight:800; letter-spacing:.035em; text-transform:uppercase; border-bottom:1px solid #e2e8f0; padding:.75rem .85rem; }
.lio-enquiry-lines-table td,
.lio-enquiry-show-lines td { padding:.7rem .85rem; vertical-align:middle; }
.lio-enquiry-lines-table .js-line-main td { border-bottom:0; background:#fff; }
.lio-enquiry-line-detail td { background:#fbfdff; border-top:0; border-bottom:1px solid #e8eef5; padding-top:.25rem; padding-bottom:1rem; }
.lio-line-number { width:30px; height:30px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; background:#eef6fc; color:var(--lambda-blue); font-weight:850; font-size:.78rem; border:1px solid #d8eaf7; }
.lio-line-spec-grid { display:grid; grid-template-columns:repeat(7,minmax(115px,1fr)); gap:.65rem; }
.lio-line-spec-grid label { display:block; min-width:0; }
.lio-line-spec-grid label > span { display:flex; align-items:baseline; gap:.3rem; margin-bottom:.3rem; color:#334155; font-size:.72rem; font-weight:850; }
.lio-line-spec-grid label > span small { color:#94a3b8; font-size:.62rem; font-weight:700; }
.lio-line-file-count { display:inline-flex; align-items:center; gap:.35rem; color:#64748b; font-size:.72rem; font-weight:750; white-space:nowrap; }
.lio-line-file-count svg { width:14px; height:14px; }
.lio-enquiry-show-line-files td { background:#fbfdff; border-top:0; padding-top:.2rem; padding-bottom:.9rem; }
.lio-file-chip { display:inline-flex; align-items:center; gap:.35rem; max-width:100%; padding:.35rem .55rem; border:1px solid #dce7f0; border-radius:9px; background:#fff; color:#334155; text-decoration:none; font-size:.7rem; }
.lio-file-chip:hover { border-color:#b9d8ed; background:#f7fbfe; color:var(--lambda-blue); }
.lio-file-chip svg { width:13px; height:13px; flex:0 0 auto; }
.lio-file-chip span { max-width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:750; }
.lio-file-chip small { color:#94a3b8; font-size:.62rem; }
.lio-line-upload-form { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(120px,.75fr) auto; gap:.45rem; align-items:center; }
.lio-evidence-upload-multiple { grid-template-columns:minmax(0,1fr) minmax(150px,.55fr) auto; }
@media (max-width: 1399.98px) { .lio-line-spec-grid { grid-template-columns:repeat(4,minmax(125px,1fr)); } }
@media (max-width: 767.98px) {
    .lio-line-spec-grid { grid-template-columns:repeat(2,minmax(120px,1fr)); }
    .lio-line-upload-form { grid-template-columns:1fr; }
    .lio-evidence-upload-multiple { grid-template-columns:1fr; }
}

/* Phase 29 - Foreign Stock Enquiry transaction view */
.lio-transaction-workspace{max-width:1680px;margin:0 auto}.lio-transaction-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.lio-transaction-back{display:inline-flex;align-items:center;gap:.45rem;color:#64748b;text-decoration:none;font-size:.82rem;font-weight:700}.lio-transaction-back svg{width:15px;height:15px}.lio-transaction-back:hover{color:#0f4c81}.lio-transaction-document{background:#fff;border:1px solid #dfe6ee;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.06)}.lio-transaction-document-header{display:flex;justify-content:space-between;gap:2rem;background:linear-gradient(135deg,#0b3155,#124f80);padding:1.15rem 1.4rem;color:#fff}.lio-transaction-brand strong{display:block;font-size:1.08rem;letter-spacing:.035em}.lio-transaction-brand span{display:block;margin-top:.18rem;color:#b9d8ef;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.lio-transaction-document-title{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.lio-transaction-document-title>span{font-size:.7rem;letter-spacing:.1em;color:#bfd9ed;font-weight:800}.lio-transaction-document-title>strong{font-size:1.2rem;margin-top:.12rem}.lio-transaction-document-title>small{margin-top:.15rem;color:#dceaf4;font-size:.7rem;text-transform:uppercase;letter-spacing:.055em}.lio-transaction-party-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e7edf3}.lio-transaction-party-grid>section{padding:1rem 1.25rem}.lio-transaction-party-grid>section+section{border-left:1px solid #e7edf3}.lio-transaction-section-label{display:block;font-size:.66rem;line-height:1;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#64748b;margin-bottom:.65rem}.lio-transaction-party-grid dl{margin:0}.lio-transaction-party-grid dl>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:.65rem;padding:.24rem 0}.lio-transaction-party-grid dt{font-size:.72rem;color:#7b8794;font-weight:700}.lio-transaction-party-grid dd{font-size:.78rem;color:#1e293b;font-weight:700;margin:0;min-width:0;overflow-wrap:anywhere}.lio-transaction-lines-wrap{padding:.85rem 1.15rem 0}.lio-transaction-lines-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;padding:.15rem .15rem .75rem}.lio-transaction-lines-heading>div>strong{display:block;font-size:.9rem;color:#172033}.lio-transaction-due{font-size:.72rem;color:#6b7280}.lio-transaction-lines-table{font-size:.75rem;border:1px solid #e1e7ee}.lio-transaction-lines-table thead th{background:#102f4d!important;color:#fff!important;border:0!important;font-size:.65rem;text-transform:uppercase;letter-spacing:.055em;padding:.58rem .62rem;white-space:nowrap}.lio-transaction-lines-table tbody>tr:not(.lio-transaction-line-support-row)>td{padding:.62rem;border-color:#e8edf2;vertical-align:top}.lio-transaction-lines-table tbody>tr:nth-of-type(4n+1):not(.lio-transaction-line-support-row)>td{background:#fbfcfe}.lio-transaction-lines-table td strong{font-size:.76rem}.lio-transaction-lines-table td small{display:block;margin-top:.22rem;color:#738091;line-height:1.35}.lio-tx-line-no{width:42px;text-align:center}.lio-tx-line-no span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#eaf2f8;color:#0f4c81;font-size:.7rem;font-weight:800}.lio-tx-spec-list{display:flex;flex-wrap:wrap;gap:.28rem}.lio-tx-spec-list>span{display:inline-flex;gap:.28rem;align-items:center;border:1px solid #e2e8f0;background:#f8fafc;border-radius:5px;padding:.18rem .38rem;font-size:.67rem;color:#475569}.lio-tx-spec-list b{font-size:.61rem;color:#7b8794;text-transform:uppercase}.lio-transaction-line-support-row>td{padding:.2rem .65rem .42rem!important;border-top:0!important;background:#fff!important}.lio-transaction-line-support{border-left:2px solid #dbe7f0;padding-left:.65rem}.lio-transaction-line-support>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#557083;font-size:.7rem;padding:.2rem 0}.lio-transaction-line-support>summary::-webkit-details-marker{display:none}.lio-transaction-line-support>summary>span{display:flex;align-items:center;gap:.35rem;font-weight:800}.lio-transaction-line-support>summary svg{width:13px;height:13px}.lio-transaction-line-support>summary small{color:#94a3b8}.lio-transaction-line-support-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:.75rem;padding:.6rem 0 .25rem}.lio-transaction-inline-upload{display:grid;grid-template-columns:minmax(0,1fr) 135px auto;gap:.4rem}.lio-transaction-document-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.6fr);gap:1rem;padding:.9rem 1.3rem 1.15rem;border-top:1px solid #e7edf3;margin-top:.6rem}.lio-transaction-document-footer p{font-size:.74rem;line-height:1.45;color:#48566a;margin:0}.lio-transaction-boundary-note{display:flex;align-items:flex-start;gap:.5rem;background:#f1f7fb;border:1px solid #d3e4f1;border-radius:8px;padding:.65rem .75rem;color:#3f5f74;font-size:.7rem;line-height:1.35}.lio-transaction-boundary-note svg{width:14px;height:14px;flex:0 0 auto;margin-top:.06rem}.lio-compact-workflow-card{overflow:hidden}.lio-foreign-flow-compact .lio-foreign-flow-step{min-width:0;padding:.3rem .25rem}.lio-foreign-flow-compact .lio-foreign-flow-step small{font-size:.61rem}.lio-foreign-flow-compact .lio-foreign-flow-step span{width:28px;height:28px}.lio-foreign-flow-compact .lio-foreign-flow-step span svg{width:13px;height:13px}.lio-offer-table-compact{font-size:.74rem}.lio-offer-table-compact th{padding:.55rem .7rem!important}.lio-offer-table-compact td{padding:.58rem .7rem!important}.lio-transaction-sidebar-stack{display:flex;flex-direction:column;gap:.75rem;position:sticky;top:76px}.lio-transaction-side-facts{display:grid;gap:.05rem}.lio-transaction-side-facts>div{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.47rem 0;border-bottom:1px solid #edf1f5}.lio-transaction-side-facts>div:last-child{border-bottom:0}.lio-transaction-side-facts span{font-size:.7rem;color:#7b8794}.lio-transaction-side-facts strong{font-size:.72rem;color:#223044;text-align:right}.lio-transaction-doc-upload summary{font-size:.72rem}.lio-evidence-list-compact>a{padding:.62rem .8rem}.lio-evidence-list-compact>a div strong{font-size:.7rem}.lio-evidence-list-compact>a div small{font-size:.62rem}.lio-activity-timeline-compact .lio-activity-item{padding:.6rem .9rem}.lio-activity-timeline-compact .lio-activity-item strong{font-size:.7rem}.lio-activity-timeline-compact .lio-activity-item p{font-size:.66rem;margin:.1rem 0}.lio-activity-timeline-compact .lio-activity-item small{font-size:.6rem}
@media(max-width:1199.98px){.lio-transaction-sidebar-stack{position:static}.lio-transaction-line-support-body{grid-template-columns:1fr}.lio-transaction-document-footer{grid-template-columns:1fr}}
@media(max-width:767.98px){.lio-transaction-toolbar{align-items:stretch}.lio-transaction-toolbar>div:last-child{width:100%}.lio-transaction-toolbar .btn{flex:1}.lio-transaction-document-header{padding:1rem;gap:1rem}.lio-transaction-brand span{display:none}.lio-transaction-document-title>span{font-size:.62rem}.lio-transaction-party-grid{grid-template-columns:1fr}.lio-transaction-party-grid>section{padding:.8rem 1rem}.lio-transaction-party-grid>section+section{border-left:0;border-top:1px solid #e7edf3}.lio-transaction-party-grid dl>div{grid-template-columns:95px 1fr}.lio-transaction-lines-wrap{padding:.7rem .7rem 0}.lio-transaction-lines-heading{align-items:flex-start;flex-direction:column}.lio-transaction-inline-upload{grid-template-columns:1fr}.lio-transaction-line-support>summary{align-items:flex-start;flex-direction:column}.lio-transaction-document-footer{padding:.8rem 1rem}}

/* Foreign procurement CRM linkage */
.lio-restricted-crm-link {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .65rem .8rem;
    border: 1px solid #d8e2ec;
    border-radius: .55rem;
    background: #f8fafc;
    color: #334155;
}
.lio-restricted-crm-link > svg { width: 17px; height: 17px; color: #64748b; flex: 0 0 auto; }
.lio-restricted-crm-link strong, .lio-restricted-crm-link small { display: block; }
.lio-restricted-crm-link small { margin-top: .1rem; color: #718096; line-height: 1.35; }

/* MANCO create/edit attachment picker */
.lio-management-form-upload{border:1px dashed #bfd0df;background:linear-gradient(180deg,#fbfdff 0%,#f7fafc 100%);border-radius:14px;padding:1rem}.lio-management-form-upload-copy{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.lio-management-form-upload-copy>div{display:flex;flex-direction:column;gap:.1rem}.lio-management-form-upload-copy strong{font-size:.82rem;color:#25364a}.lio-management-form-upload-copy small{font-size:.69rem;color:#7b8794}.lio-management-form-upload-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:#eaf3fa;color:var(--lambda-blue);flex:0 0 38px}.lio-management-form-upload-icon svg{width:17px;height:17px}.lio-management-selected-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.45rem;margin-top:.75rem}.lio-management-selected-file{display:flex;align-items:center;gap:.55rem;border:1px solid #dfe8f0;border-radius:10px;background:#fff;padding:.55rem .65rem;min-width:0}.lio-management-selected-file-icon{width:30px;height:30px;border-radius:8px;background:#f0f6fb;color:var(--lambda-blue);display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px}.lio-management-selected-file-icon svg{width:14px;height:14px}.lio-management-selected-file>div{display:flex;flex-direction:column;min-width:0;flex:1}.lio-management-selected-file strong{font-size:.7rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lio-management-selected-file small{font-size:.62rem;color:#94a3b8}.lio-management-selected-file button svg{width:14px;height:14px}.lio-management-existing-files{border-top:1px solid #edf1f5;padding-top:.85rem}.lio-management-existing-files-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.lio-management-existing-files-head strong{font-size:.73rem;color:#334155}.lio-management-existing-files-head small{font-size:.64rem;color:#94a3b8;text-align:right;max-width:520px}.lio-management-existing-file-grid{display:flex;flex-wrap:wrap;gap:.4rem}.lio-management-attachment-note{display:flex;align-items:center;gap:.5rem;padding:.7rem .8rem;border:1px solid #e4e9ef;background:#fafbfc;border-radius:10px;color:#64748b;font-size:.7rem}.lio-management-attachment-note svg{width:14px;height:14px}@media(max-width:767.98px){.lio-management-existing-files-head{flex-direction:column}.lio-management-existing-files-head small{text-align:left}.lio-management-selected-files{grid-template-columns:1fr}}