[x-cloak]{display:none!important;}
/* Total books stats ????????????????? heroes: Plus Jakarta Sans (mesmo do HUB) */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap");

:root {
    --ln-font-ui: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
    --ln-font-display: "Plus Jakarta Sans", Figtree, ui-sans-serif, system-ui, sans-serif;
}

.fi-body,
.fi-main,
.fi-simple-main {
    font-family: var(--ln-font-ui);
}

.total-books .fi-wi-stats-overview-stat-value {
    font-size: 1.275rem;
}

/* Table headers */
.fi-resource-list-records-page:not(.fi-resource-categories, .fi-resource-permissions) header.fi-header {
    display: none;
}
/* Search input  */
.fi-ta-search-field .fi-input-wrp{
    width: 400px;
}
/* Search results  */
.is-search-result .fi-ta-text-item-label,
.search-result {
    background: rgba(var(--danger-400), 50%);
    padding-inline: 6px;
    border: 1px solid rgba(var(--danger-400), 80%);
}
/* Ovewrite Tailwind */
.p-6 {
    padding: 1rem !important;
}
/* Register page */
.register-page main {
    width: 940px;
    max-width: unset;
    margin-top: 10px;
    padding: 17px;
}
.person-type-input {
  --cols-default: 2 !important;
}
/* Sidebar */
.fi-sidebar-item-button {
    border-radius: 0 !important;
    padding-inline: 5px;
}
/* Pills */
.fi-table-cell-product-integrations > div > a {
    display:grid;
    text-align: center;
}

.fi-ta-table .fi-badge {
    margin-block: 12px !important;
}

/* List books actions  */
.inline-actions .fi-ta-cell .fi-ta-actions{
    flex-direction: column;
    align-items: baseline;
}

/* Remove filters heading */
.remove-filters-heading .fi-ta-filters-above-content-ctn h4,
.remove-filters-heading .fi-ta-filters-above-content-ctn h4 + div {
    display: none;
}

/* Filters */
.fi-fo-component-ctn {
    margin-left: 10px;
}
/* Removing spinners from number inputs */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

    /* Firefox */
    input[type=number] {
      -moz-appearance: textfield;
    }

/* 6 columns to stats view  */
.fi-wi-stats-overview:nth-of-type(2) .fi-wi-stats-overview-stats-ctn {
    grid-template-columns: repeat(6, 1fr);
}

.list-books.custom-list .fi-wi-stats-overview .fi-wi-stats-overview-stats-ctn {
    grid-template-columns: repeat(8, 1fr);
}

.list-orders.custom-list .fi-wi-stats-overview .fi-wi-stats-overview-stats-ctn {
    grid-template-columns: repeat(7, 1fr);
}

/* Tabbed filters.  */
nav.fi-tabs {
  padding: 0;
  margin-inline: 0;
/*  float:left;*/
/*  display: block;*/
/*  display: inline-flex;*/
  column-gap: 0;
}
nav.fi-tabs button {
    border-radius: 0;
    display: inline-block;
}
body:not(.show-header-toolbar) div.fi-ta-header-toolbar {
    display: none;
}

/* Radio Button */
.radio-button {
    position: relative;
}
.radio-button img {
    max-height: 250px;
}
.radio-button :checked + div:after {
    color: #fff;
    border: 8px solid rgba(var(--primary-500), var(--tw-bg-opacity, 1));
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 5px 10px;
}

/* Individual search fields.  */
tbody > .fi-ta-row:has(.fi-table-individual-search-cell-id) {
    display: none;
}

/* Integration info modal */
.fi-modal:has(.integration-info) {
    z-index:9999;
    position: absolute;
}

/* External link */
/*[target="_blank"],*/
.has-external-url > div > div {
    position: relative;
}

/*[target="_blank"]:after,*/
.has-external-url > div > div:after {
    content: '';
    top: 2.5px;
    right: -15px;
    position: absolute;
    width: 11px;
    height: 11px;
    margin-left: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

/* Integration info widget  */

button.integration-info-button {
  padding: 0;
  background: none !important;
  margin: 0 !important;
  border: none;
  box-shadow: none;
}

button.integration-info-button svg {
    width: 1.6rem;
    height: 1.6rem;
}

/* ===== Livros catalog (dense SaaS) ===== */
.ln-books-page .fi-header,
.ln-books-body .fi-header {
    display: none !important;
}

.ln-books {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.ln-books__ghost-btn {
    border: 1px solid rgba(81, 71, 149, 0.25);
    background: rgba(81, 71, 149, 0.06);
    color: #514795;
    font-size: 0.68rem;
    font-weight: 600;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    cursor: pointer;
    align-self: center;
}

.ln-books__ghost-btn:hover {
    background: rgba(81, 71, 149, 0.12);
}

.ln-books__badges {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.35rem;
}

.ln-books__bar-start {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.45rem;
    flex: 0 1 auto;
    min-width: 0;
}

.ln-books__chips {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.ln-books__chip {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(81, 71, 149, 0.18);
    background: rgba(81, 71, 149, 0.08);
    color: #3d3754;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.15rem 0.55rem;
}

.dark .ln-books__chip {
    border-color: rgba(196, 181, 253, 0.22);
    background: rgba(196, 181, 253, 0.1);
    color: #e8e4f7;
}

/* Ativo: mesma cor do filtro Pausado (?mbar) para todos */
.ln-books__badge.is-active,
.ln-books__badge.is-has_errors.is-active,
.ln-books__badge.is-paused.is-active,
.ln-books__badge.is-no_listing.is-active,
.ln-books__badge.is-without_isbn.is-active,
.ln-books__badge.is-with_isbn.is-active,
.ln-books__badge.is-no_image.is-active {
    border-color: rgba(217, 119, 6, 0.45);
    background: rgba(255, 237, 213, 0.9);
    color: #9a3412;
    box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.12);
}

.ln-books__badge.is-active .ln-books__badge-count {
    color: #9a3412;
    background: rgba(217, 119, 6, 0.16);
}

.dark .ln-books__badge.is-active,
.dark .ln-books__badge.is-has_errors.is-active,
.dark .ln-books__badge.is-paused.is-active,
.dark .ln-books__badge.is-no_listing.is-active,
.dark .ln-books__badge.is-without_isbn.is-active,
.dark .ln-books__badge.is-with_isbn.is-active,
.dark .ln-books__badge.is-no_image.is-active {
    border-color: rgba(251, 191, 36, 0.45);
    background: rgba(120, 53, 15, 0.4);
    color: #fed7aa;
    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.12);
}

.dark .ln-books__badge.is-active .ln-books__badge-count {
    color: #fed7aa;
    background: rgba(251, 191, 36, 0.18);
}

.ln-books__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    border-radius: 999px;
    border: 1px solid rgba(81, 71, 149, 0.14);
    background: #fff;
    color: #3d3754;
    padding: 0.28rem 0.55rem;
    min-height: 1.85rem;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(28, 23, 48, 0.04);
    transition: border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease;
}

.ln-books__badge:hover {
    border-color: rgba(81, 71, 149, 0.32);
    box-shadow: 0 2px 8px rgba(81, 71, 149, 0.1);
}

.ln-books__badge--pill {
    border-radius: 999px;
}

/* Grupo segmentado: Sem ISBN / Com ISBN / Sem imagem */
.ln-books__pill-group {
    display: inline-flex;
    align-items: stretch;
    flex: 0 0 auto;
    background: #fff;
    border: 1px solid rgba(81, 71, 149, 0.14);
    border-radius: 999px;
    padding: 0.18rem;
    gap: 0.1rem;
    box-shadow: 0 1px 2px rgba(28, 23, 48, 0.04);
}

.ln-books__pill {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    border: 0;
    background: transparent;
    color: #5b5670;
    border-radius: 999px;
    padding: 0.28rem 0.7rem;
    min-height: 1.55rem;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
}

.ln-books__pill:hover {
    background: rgba(81, 71, 149, 0.08);
    color: #3d3754;
}

.ln-books__pill.is-active {
    background: rgba(81, 71, 149, 0.14);
    color: #514795;
    font-weight: 650;
    box-shadow: inset 0 0 0 1px rgba(81, 71, 149, 0.18);
}

.ln-books__pill-label {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.2;
}

.ln-books__pill-count {
    font-size: 0.65rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #514795;
    background: rgba(81, 71, 149, 0.1);
    border-radius: 999px;
    padding: 0.05rem 0.32rem;
    line-height: 1.2;
}

.ln-books__pill.is-active .ln-books__pill-count {
    background: rgba(81, 71, 149, 0.18);
}

.dark .ln-books__pill-group {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(196, 181, 253, 0.18);
}

.dark .ln-books__pill {
    color: #c9c2df;
}

.dark .ln-books__pill:hover,
.dark .ln-books__pill.is-active {
    background: rgba(81, 71, 149, 0.35);
    color: #e8e4f7;
}

.dark .ln-books__pill-count {
    color: #c4b5fd;
    background: rgba(196, 181, 253, 0.14);
}

.ln-books__badge--channel {
    border-color: color-mix(in srgb, var(--ln-badge) 35%, transparent);
    background: color-mix(in srgb, var(--ln-badge) 12%, #ffffff);
}

.ln-books__badge--channel.is-active {
    border-color: var(--ln-badge);
    background: color-mix(in srgb, var(--ln-badge) 22%, #ffffff);
}

.dark .ln-books__badge {
    background: rgba(255,255,255,0.03);
    border-color: rgba(196, 181, 253, 0.16);
    color: #e8e4f7;
}



.ln-books__badge-label {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    max-width: 8.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ln-books__badge-count {
    font-size: 0.72rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #514795;
    background: rgba(81, 71, 149, 0.1);
    border-radius: 999px;
    padding: 0.02rem 0.35rem;
    line-height: 1.25;
}

.dark .ln-books__badge-count {
    color: #c4b5fd;
    background: rgba(196, 181, 253, 0.14);
}

/* Barra ?nica: pills | busca (~31.5%) | Cadastrar/Exportar */
.ln-books__bar {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.75rem;
    padding: 0.55rem 0.85rem;
    border-bottom: 1px solid rgba(81, 71, 149, 0.1);
    background: linear-gradient(180deg, rgba(81, 71, 149, 0.03), transparent);
    min-height: 2.85rem;
}

.ln-books__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    flex: 0 0 auto;
    position: static;
    transform: none;
}

.ln-books__search-box {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 31.5%;
    max-width: 31.5%;
    flex: 0 1 31.5%;
    min-width: 10rem;
    margin: 0 0 0 auto;
    border: 1px solid rgba(81, 71, 149, 0.18);
    background: #fff;
    border-radius: 0.6rem;
    padding: 0.35rem 0.65rem;
    min-height: 2.15rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ln-books__search-box:focus-within {
    border-color: rgba(81, 71, 149, 0.45);
    box-shadow: 0 0 0 3px rgba(81, 71, 149, 0.12);
}

.dark .ln-books__search-box {
    background: rgba(255,255,255,0.03);
    border-color: rgba(196, 181, 253, 0.2);
}

.dark .ln-books__search-box:focus-within {
    border-color: rgba(196, 181, 253, 0.45);
    box-shadow: 0 0 0 3px rgba(196, 181, 253, 0.12);
}

.ln-books__search-box svg {
    width: 0.9rem;
    height: 0.9rem;
    color: #7a7393;
    flex-shrink: 0;
}

.ln-books__search-box input,
.ln-books__search-box input:focus,
.ln-books__search-box input:focus-visible,
.ln-books__search-box input:active {
    width: 100%;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-offset-shadow: 0 0 #0000 !important;
    background: transparent;
    font-size: 0.8125rem;
    color: #1c1830;
    padding: 0.1rem 0;
    appearance: none;
    -webkit-appearance: none;
}

.ln-books__search-box input[type="search"]::-webkit-search-decoration,
.ln-books__search-box input[type="search"]::-webkit-search-cancel-button,
.ln-books__search-box input[type="search"]::-webkit-search-results-button,
.ln-books__search-box input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
}

.dark .ln-books__search-box input {
    color: #f4f2ff;
}

.ln-books__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.55rem;
    font-size: 0.78rem;
    font-weight: 650;
    padding: 0.4rem 0.9rem;
    min-height: 2.15rem;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.2;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* Cadastrar ????????????????? preenchido roxo marca */
.ln-books__btn--primary {
    background: #514795 !important;
    color: #fff !important;
    border-color: #514795 !important;
}

.ln-books__btn--primary:hover {
    background: #433b7d !important;
    color: #fff !important;
    border-color: #433b7d !important;
}

/* Exportar / Importar ????????????????? outline claro (outra cor) */
.ln-books__btn--ghost {
    background: #fff !important;
    color: #3d3754 !important;
    border-color: #c9c4d8 !important;
}

.ln-books__btn--ghost:hover {
    background: #f6f5fa !important;
    color: #2a2540 !important;
    border-color: #a8a1bd !important;
}

.dark .ln-books__btn--ghost {
    background: rgba(255,255,255,0.04) !important;
    color: #e8e4f7 !important;
    border-color: rgba(196, 181, 253, 0.28) !important;
}

.ln-books__table {
    border-radius: 0.75rem;
    overflow: visible;
    border: 1px solid rgba(81, 71, 149, 0.12);
    background: #fff;
}

.dark .ln-books__table {
    background: transparent;
    border-color: rgba(196, 181, 253, 0.14);
}

.ln-books__table .fi-ta-ctn {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    overflow: visible;
}

/* Scroll horizontal s? quando o conte?do n?o cabe; tabela n?o estica colunas */
.ln-books-body .fi-ta-content {
    overflow-x: auto;
    overflow-y: clip;
    max-width: 100%;
}

.ln-books-body .fi-ta-table {
    width: max-content;
    min-width: 100%;
    table-layout: auto;
}

.ln-books-body.list-books .fi-ta-search-field {
    display: none !important;
}

.ln-books-body.list-books nav.fi-tabs {
    display: none !important;
}

.ln-books-body.list-books .fi-ta-header-toolbar {
    display: none !important;
}

/* Esconde header nativo do Filament (Exportar duplicado); mant????????m s???????? o bulk custom */
.ln-books-body.list-books .fi-ta-header-ctn > .fi-ta-header:not(.ln-bulk-bar) {
    display: none !important;
}

@media (max-width: 1100px) {
    .ln-books__bar {
        flex-wrap: wrap;
        gap: 0.5rem;
        padding-bottom: 0.7rem;
    }

    .ln-books__bar-start {
        flex: 1 1 100%;
        flex-wrap: wrap;
        min-width: 0;
        gap: 0.4rem;
    }

    .ln-books__pill-group {
        max-width: 100%;
        flex-wrap: wrap;
        border-radius: 1rem;
    }

    .ln-books__search-box {
        width: 100%;
        max-width: 100%;
        flex: 1 1 100%;
        margin-left: 0;
        order: 3;
    }

    .ln-books__actions {
        margin-left: auto;
        flex-wrap: wrap;
    }

    .ln-books__actions .ln-books__btn {
        flex: 0 1 auto;
    }
}

.ln-book-cover {
    display: block;
    width: 2.35rem;
    height: 3.35rem;
    padding: 0;
    border: 0;
    border-radius: 0.35rem;
    overflow: hidden;
    cursor: zoom-in;
    background: #eceaf3;
    box-shadow: 0 2px 8px rgba(28, 24, 48, 0.12);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.ln-book-cover--lg {
    width: 3.75rem;
    height: 5.35rem;
    border-radius: 0.4rem;
}

.ln-book-cover:hover {
    transform: scale(1.04);
    box-shadow: 0 6px 16px rgba(28, 24, 48, 0.18);
}

.ln-book-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ln-books-body td.ln-col-cover,
.ln-books-body th.ln-col-cover {
    width: 5.1rem;
    min-width: 5.1rem;
    max-width: 5.1rem;
    padding-right: 1.2rem !important;
    vertical-align: middle;
}

.ln-books-body td.ln-col-title {
    padding-left: 0.35rem !important;
    min-width: 8.5rem;
    max-width: 13.5rem;
    width: 12rem;
    vertical-align: middle;
    white-space: normal !important;
}

.ln-books-body td.ln-col-title .fi-ta-col-wrp,
.ln-books-body td.ln-col-title .fi-ta-col-wrp > div,
.ln-books-body td.ln-col-title .whitespace-nowrap {
    white-space: normal !important;
    min-width: 0;
    max-width: 100%;
}

.ln-books-body td.ln-col-channel {
    vertical-align: top;
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}

/* Wrapper Filament: n??o limita altura ??? linha cresce com qtde de canais */
.ln-books-body td.ln-col-channel .fi-ta-col-wrp,
.ln-books-body td.ln-col-channel .fi-ta-col-wrp > div {
    display: block;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0;
}

.ln-books-body td.ln-col-markup,
.ln-books-body th.ln-col-markup {
    width: 2.45rem;
    min-width: 2.45rem;
    max-width: 2.45rem;
    padding-left: 0.15rem !important;
    padding-right: 0.05rem !important;
}

.ln-books-body td.ln-col-market {
    padding-left: 0.15rem !important;
    width: 1%;
    min-width: 0;
    max-width: none;
    white-space: nowrap;
}

.ln-books-body td.ln-col-channel-price,
.ln-books-body th.ln-col-channel-price {
    width: 1%;
    min-width: 5.1rem;
    max-width: 5.5rem;
    padding-left: 0.15rem !important;
    padding-right: 0.05rem !important;
    white-space: nowrap;
}

.ln-books-body td.ln-col-sync {
    width: 1%;
    min-width: 1.75rem;
    max-width: 2rem;
    padding-left: 0.05rem !important;
    padding-right: 0.2rem !important;
    white-space: nowrap;
}

/* Colunas de texto podem encolher; canais ficam compactos (sem buraco) */

.ln-book-title {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
    max-width: 100%;
}

.ln-book-title__name {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25;
    color: #1c1830;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.dark .ln-book-title__name {
    color: #f4f2ff;
}

.ln-book-title__isbn {
    margin: 0;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.2;
    color: #3d3754;
    font-variant-numeric: tabular-nums;
}

.dark .ln-book-title__isbn {
    color: #d6d0ea;
}

.ln-book-title__id {
    margin: 0;
    font-size: 0.65rem;
    font-weight: 500;
    line-height: 1.2;
    color: #7a7393;
    font-variant-numeric: tabular-nums;
}

.dark .ln-book-title__id {
    color: #a89fbf;
}

.ln-book-stack {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    height: auto;
    max-height: none;
    overflow: visible;
}

.ln-book-stack__cell {
    display: flex;
    align-items: center;
    height: auto;
    min-height: 1.35rem;
    max-height: none;
    font-size: 0.7rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: #3d3754;
    box-sizing: border-box;
    overflow: visible;
}

.dark .ln-book-stack__cell {
    color: #e8e4f7;
}

.ln-book-stack__cell--markup {
    justify-content: flex-end;
    padding-right: 0.15rem;
}

.ln-markup-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 2.35rem;
    height: 1.35rem;
    min-height: 1.35rem;
    max-height: 1.35rem;
    padding: 0 0.4rem;
    border-radius: 0.35rem;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.dark .ln-markup-pill {
    background: rgba(59, 130, 246, 0.22);
    color: #93c5fd;
}

.ln-book-stack__cell--market {
    font-weight: 600;
}

/* Pills de marketplace: largura e altura fixas (ignora margin do .fi-badge) */
.ln-books-body .fi-ta-table .ln-book-pill.fi-badge,
.ln-books-body .ln-book-pill {
    margin: 0 !important;
    margin-block: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    width: 10.5rem !important;
    min-width: 10.5rem !important;
    max-width: 10.5rem !important;
    flex: 0 0 10.5rem !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: 0 0.45rem !important;
    min-height: 1.35rem !important;
    height: 1.35rem !important;
    max-height: 1.35rem !important;
    border-radius: 0.35rem !important;
    white-space: nowrap;
    overflow: hidden !important;
    box-shadow: none !important;
    gap: 0.25rem !important;
}

.ln-book-pill__label,
.ln-books-body .ln-book-pill .fi-badge-label {
    display: block;
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ln-book-pill .fi-icon,
.ln-book-pill svg {
    width: 0.75rem !important;
    height: 0.75rem !important;
    flex-shrink: 0;
}

.ln-book-market-row {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    width: max-content;
    max-width: 100%;
    min-height: 1.35rem;
}

.ln-book-market-row__trail {
    flex: 0 0 1.35rem;
    width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
}

.ln-book-paused-chip {
    flex: 0 0 1.1rem;
    width: 1.1rem;
    height: 1.1rem;
    min-width: 1.1rem;
    max-width: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 0.28rem;
    padding: 0;
    background: #fef3c7;
    color: #b45309;
}

.ln-book-paused-chip__icon {
    width: 0.7rem;
    height: 0.7rem;
    display: block;
}

.dark .ln-book-paused-chip {
    background: rgba(245, 158, 11, 0.2);
    color: #fcd34d;
}

.ln-book-listing-menu {
    position: relative;
    flex: 0 0 auto;
}

.ln-book-listing-menu__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 0.4rem;
    color: #6b647f;
    background: transparent;
    border: 0;
    cursor: pointer;
    flex-shrink: 0;
}

.ln-book-listing-menu__btn:hover {
    background: rgba(81, 71, 149, 0.1);
    color: #1c1830;
}

.dark .ln-book-listing-menu__btn:hover {
    background: rgba(196, 181, 253, 0.12);
    color: #f4f2ff;
}

.ln-book-listing-menu__panel {
    position: fixed;
    z-index: 80;
    width: 13rem;
    overflow: hidden;
    border-radius: 0.75rem;
    border: 1px solid rgba(81, 71, 149, 0.16);
    background: #fff;
    padding: 0.25rem 0;
    box-shadow: 0 12px 30px rgba(28, 24, 48, 0.14);
}

.dark .ln-book-listing-menu__panel {
    border-color: rgba(196, 181, 253, 0.18);
    background: #1c1830;
}

.ln-book-listing-menu__head {
    margin: 0;
    padding: 0.4rem 0.75rem;
    border-bottom: 1px solid rgba(81, 71, 149, 0.1);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #8b849c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dark .ln-book-listing-menu__head {
    border-bottom-color: rgba(196, 181, 253, 0.12);
    color: #a89fbf;
}

.ln-book-listing-menu__item {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border: 0;
    background: transparent;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    color: #1c1830;
    cursor: pointer;
}

.ln-book-listing-menu__item:hover {
    background: rgba(81, 71, 149, 0.08);
}

.dark .ln-book-listing-menu__item {
    color: #f4f2ff;
}

.dark .ln-book-listing-menu__item:hover {
    background: rgba(196, 181, 253, 0.1);
}

.ln-book-listing-menu__item.is-danger {
    color: #be123c;
}

.dark .ln-book-listing-menu__item.is-danger {
    color: #fda4af;
}

.ln-book-listing-menu__item.is-danger:hover {
    background: rgba(244, 63, 94, 0.08);
}

.ln-book-listing-menu__sep {
    margin: 0.25rem 0;
    border-top: 1px solid rgba(81, 71, 149, 0.1);
}

.dark .ln-book-listing-menu__sep {
    border-top-color: rgba(196, 181, 253, 0.12);
}

.ln-book-listing-menu__icon {
    width: 0.9rem;
    height: 0.9rem;
    flex: 0 0 auto;
}

.ln-book-listing-menu__icon.is-pause { color: #d97706; }
.ln-book-listing-menu__icon.is-play { color: #059669; }

.ln-price-block {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    line-height: 1.15;
}

.ln-price-block--channel {
    gap: 0;
}

.ln-price-block__promo {
    color: #15803d;
    font-weight: 700;
    font-size: 0.82rem;
    font-variant-numeric: tabular-nums;
}

.dark .ln-price-block__promo {
    color: #4ade80;
}

.ln-price-block__old {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 500;
    text-decoration: line-through;
    font-variant-numeric: tabular-nums;
}

.dark .ln-price-block__old {
    color: #6b7280;
}

.ln-price-block__regular {
    font-size: 0.82rem;
    font-weight: 700;
    color: #1e3a8a;
    font-variant-numeric: tabular-nums;
}

.dark .ln-price-block__regular {
    color: #bfdbfe;
}

.ln-book-stack__cell--price {
    position: relative;
    font-size: 0.72rem;
    font-weight: 700;
    color: #1e3a8a;
    white-space: nowrap;
    padding-right: 0.15rem;
    height: auto;
    min-height: 1.35rem;
    max-height: none;
    align-items: center;
    width: 100%;
}

/* Slot fixo: R$ 30,00 e R$ 34,50 ocupam a mesma largura ??? tracejado/sync alinhados */
.ln-book-stack__cell--price > span {
    flex: 0 0 4.6rem;
    width: 4.6rem;
    max-width: 4.6rem;
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ln-book-stack__cell--price .ln-price-block--channel .ln-price-block__promo {
    font-size: 0.72rem;
}

.ln-book-stack__cell--price .ln-price-block--channel .ln-price-block__old {
    font-size: 0.6rem;
}

.dark .ln-book-stack__cell--price {
    color: #bfdbfe;
}

.ln-book-stack__cell--price::after {
    content: "";
    flex: 0 0 0.55rem;
    width: 0.55rem;
    max-width: 0.55rem;
    height: 0;
    border-top: 1px dashed rgba(120, 112, 145, 0.35);
    margin-left: 0.25rem;
    align-self: center;
}

.dark .ln-book-stack__cell--price::after {
    border-top-color: rgba(196, 181, 253, 0.3);
}

.ln-book-stack__cell--sync {
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.ln-book-stack__cell--sync::before {
    content: none;
    display: none;
}

.ln-book-ch__empty {
    color: #9a93ad;
    font-size: 0.85rem;
}

/* Anula margin-block: 12px do .fi-badge (Action ->badge) ??? sen??o o ??cone fica baixo */
.ln-books-body .ln-book-stack__cell--sync .integration-info-button,
.ln-books-body .ln-book-stack__cell--sync .fi-badge.integration-info-button,
.ln-books-body .ln-book-stack__cell--sync button.fi-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: 1.35rem !important;
    width: 1.35rem !important;
    min-height: 1.35rem !important;
    max-height: 1.35rem !important;
    flex-shrink: 0;
    margin: 0 !important;
    margin-block: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    vertical-align: middle;
    align-self: center;
}

.ln-books-body .ln-book-stack__cell--sync .integration-info-button svg,
.ln-books-body .ln-book-stack__cell--sync .fi-badge.integration-info-button svg {
    width: 0.95rem !important;
    height: 0.95rem !important;
}

.ln-books-body .fi-ta-table tbody .fi-ta-row:nth-child(even) {
    background-color: rgba(81, 71, 149, 0.035);
}

.dark .ln-books-body .fi-ta-table tbody .fi-ta-row:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.03);
}

.ln-books-body.inline-actions .fi-ta-actions-cell,
.ln-books-body.inline-actions .fi-ta-actions-header-cell {
    width: 6rem;
    min-width: 6rem;
    max-width: 6.25rem;
    vertical-align: middle;
    padding-left: 0.35rem !important;
    padding-right: 0.45rem !important;
}

.ln-books-body.inline-actions .fi-ta-cell .fi-ta-actions {
    gap: 0.35rem !important;
    align-items: stretch !important;
    width: 100%;
    min-width: 0;
    max-width: 5.75rem;
}

.ln-books-body.inline-actions .fi-ta-cell .fi-ta-actions .fi-btn,
.ln-books-body.inline-actions .fi-ta-cell .fi-ta-actions .ln-row-action,
.ln-books-body.inline-actions .fi-ta-cell .fi-ta-actions a,
.ln-books-body.inline-actions .fi-ta-cell .fi-ta-actions button {
    padding: 0.18rem 0.3rem !important;
    font-size: 0.62rem !important;
    min-height: 1.35rem !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-content: center !important;
    white-space: nowrap;
}

/* Barra de sele???????????????o em massa ????????????????? oculta at???????? haver sele???????????????o */
.ln-books-body.list-books .fi-ta-header.ln-bulk-bar {
    display: none !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    padding: 0.4rem 0.85rem !important;
    min-height: 0 !important;
    height: auto !important;
    border-bottom: 1px solid rgba(81, 71, 149, 0.1);
    background: rgba(81, 71, 149, 0.045);
}

.ln-books-body.list-books .fi-ta-header.ln-bulk-bar.ln-bulk-bar--on {
    display: flex !important;
}

.ln-books-body.list-books .fi-ta-header.ln-bulk-bar .fi-ta-actions,
.ln-books-body.list-books .fi-ta-header.ln-bulk-bar .fi-ac {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

.ln-books-body.list-books .fi-ta-header.ln-bulk-bar .fi-ta-actions .fi-btn,
.ln-books-body.list-books .fi-ta-header.ln-bulk-bar .fi-btn {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 1.9rem !important;
    height: auto !important;
    padding: 0.28rem 0.65rem !important;
    font-size: 0.74rem !important;
    white-space: nowrap !important;
    justify-content: center !important;
}

.ln-books-body.list-books .fi-ta-selection-indicator {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.85rem !important;
    min-height: 0 !important;
    font-size: 0.78rem;
    border-bottom: 1px solid rgba(81, 71, 149, 0.08);
    background: rgba(81, 71, 149, 0.03);
}

.ln-cover-modal {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: rgba(16, 14, 28, 0.72);
    backdrop-filter: blur(6px);
}

.ln-cover-modal__panel {
    position: relative;
    max-width: min(92vw, 28rem);
    background: #fff;
    border-radius: 1rem;
    padding: 1rem 1rem 1.15rem;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

.dark .ln-cover-modal__panel {
    background: #1a1730;
}

.ln-cover-modal__close {
    position: absolute;
    top: 0.45rem;
    right: 0.55rem;
    border: 0;
    background: transparent;
    font-size: 1.4rem;
    line-height: 1;
    color: #6b647f;
    cursor: pointer;
}

.ln-cover-modal__title {
    margin: 0 1.5rem 0.65rem 0;
    font-size: 0.9rem;
    font-weight: 700;
    color: #1c1830;
}

.dark .ln-cover-modal__title {
    color: #f4f2ff;
}

.ln-cover-modal__img {
    display: block;
    width: 100%;
    max-height: 75vh;
    object-fit: contain;
    border-radius: 0.55rem;
    background: #f3f1f8;
}

.ln-book-stat {
    cursor: pointer;
    transition: transform 0.12s ease, filter 0.12s ease;
}

.ln-book-stat:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
}

.ln-book-stat:active {
    transform: translateY(0);
}

/* Cards do dashboard / filtros de livros (mesmo visual) */
.ln-market-stats {
    width: 100%;
}

.ln-market-stats__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .ln-market-stats__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.ln-book-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 640px) {
    .ln-book-stats__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1100px) {
    .ln-book-stats__grid {
        grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
    }
}

.ln-book-stat-card__market {
    margin: -0.15rem 0 0;
    padding-left: 0.35rem;
    font-size: 0.68rem;
    line-height: 1.2;
    color: #7a7394;
}

.dark .ln-book-stat-card__market {
    color: #a89fbf;
}

/* Cadastros (semana/m????s/spark) no lado direito do KPI */
.ln-book-stat-card__layout {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.55rem;
    width: 100%;
    min-width: 0;
}

.ln-book-stat-card__main {
    min-width: 0;
    flex: 1 1 auto;
}

.ln-book-stat-card__main .ln-market-card__total {
    margin-top: 0.35rem;
}

.ln-book-stat-card__cadastro {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.28rem;
    flex: 0 0 auto;
    max-width: 46%;
}

.ln-book-stat-card__cadastro-kpis {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.ln-book-stat-card__cadastro-kpi {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.15;
}

.ln-book-stat-card__cadastro-kpi small {
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a7394;
}

.dark .ln-book-stat-card__cadastro-kpi small {
    color: #a89fbf;
}

.ln-book-stat-card__cadastro-kpi strong {
    font-size: 0.82rem;
    font-weight: 700;
    color: #1c1830;
    font-variant-numeric: tabular-nums;
}

.dark .ln-book-stat-card__cadastro-kpi strong {
    color: #f4f2ff;
}

.ln-book-stat-card__spark {
    width: 4.6rem;
    height: 1.75rem;
    overflow: visible;
}

.ln-book-stat-card__spark-line {
    stroke: var(--ln-market, #459bdd);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ln-book-stat-card__spark-fill {
    fill: color-mix(in srgb, var(--ln-market, #459bdd) 22%, transparent);
}

.ln-market-card {
    position: relative;
    overflow: hidden;
    border-radius: 0.85rem;
    padding: 0.9rem 1rem 0.85rem 1rem;
    border: 1px solid color-mix(in srgb, var(--ln-market) 28%, transparent);
    background: color-mix(in srgb, var(--ln-market) 12%, #ffffff);
    box-shadow: 0 6px 18px rgba(28, 24, 48, 0.04);
    min-height: 5.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.35rem;
    text-align: left;
}

.ln-market-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--ln-market);
}

.dark .ln-market-card {
    background: color-mix(in srgb, var(--ln-market) 18%, #161422);
    border-color: color-mix(in srgb, var(--ln-market) 35%, transparent);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

button.ln-market-card {
    cursor: pointer;
    width: 100%;
    font: inherit;
    appearance: none;
    transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}

button.ln-market-card:hover {
    filter: brightness(1.03);
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(28, 24, 48, 0.08);
}

button.ln-market-card:active {
    transform: translateY(0);
}

.ln-market-card__name {
    margin: 0;
    padding-left: 0.35rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #5b5570;
}

.dark .ln-market-card__name {
    color: #c9c3de;
}

.ln-market-card__total {
    margin: 0;
    padding-left: 0.35rem;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1c1830;
}

.dark .ln-market-card__total {
    color: #f4f2ff;
}

.ln-market-card__count {
    margin: 0;
    padding-left: 0.35rem;
    font-size: 0.78rem;
    color: #6b647f;
}

.dark .ln-market-card__count {
    color: #a89fbf;
}

.ln-market-stats__empty {
    margin: 0;
    grid-column: 1 / -1;
    padding: 0.85rem 1rem;
    border-radius: 0.75rem;
    border: 1px dashed rgba(81, 71, 149, 0.25);
    color: #6b647f;
    font-size: 0.875rem;
}

.dark .ln-market-stats__empty {
    border-color: rgba(196, 181, 253, 0.22);
    color: #a89fbf;
}

/* Dashboard ????????????????? badges por canal */
.ln-canal-dash-card {
    min-height: 7.25rem;
    gap: 0.55rem;
}

.ln-canal-dash-card.is-inactive {
    opacity: 0.72;
}

.ln-canal-dash-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    padding-left: 0.35rem;
}

.ln-canal-dash-card__titles {
    min-width: 0;
}

.ln-canal-dash-card__top .ln-market-card__name {
    padding-left: 0;
}

.ln-canal-dash-card__market {
    margin: 0.15rem 0 0;
    font-size: 0.7rem;
    color: #7a7394;
    line-height: 1.2;
}

.dark .ln-canal-dash-card__market {
    color: #a89fbf;
}

.ln-canal-dash-card__status {
    flex-shrink: 0;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ln-market) 16%, #fff);
    color: color-mix(in srgb, var(--ln-market) 72%, #1c1830);
}

.dark .ln-canal-dash-card__status {
    background: color-mix(in srgb, var(--ln-market) 28%, #161422);
    color: #efeaff;
}

.ln-canal-dash-card__body {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.65rem;
}

.ln-canal-dash-card__metrics {
    min-width: 0;
}

.ln-canal-dash-card__metrics .ln-market-card__total,
.ln-canal-dash-card__metrics .ln-market-card__count {
    padding-left: 0.35rem;
}

.ln-canal-dash-card__trend {
    display: inline-block;
    margin: 0.2rem 0 0 0.35rem;
    font-size: 0.68rem;
    font-weight: 600;
    color: #6b647f;
}

.ln-canal-dash-card__trend.is-up { color: #15803d; }
.ln-canal-dash-card__trend.is-down { color: #b91c1c; }
.ln-canal-dash-card__trend.is-flat { color: #6b647f; }

.ln-canal-dash-card__spark {
    width: 4.5rem;
    height: 1.75rem;
    flex-shrink: 0;
    overflow: visible;
}

.ln-canal-dash-card__spark-fill {
    fill: color-mix(in srgb, var(--ln-market) 22%, transparent);
}

.ln-canal-dash-card__spark-line {
    stroke: var(--ln-market);
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (min-width: 1100px) {
    .ln-canal-dash-stats__grid {
        grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
    }
}

/* Onboarding for?ado ? esconde navega??o e vira split brand */
body.ln-onboarding-lock .fi-sidebar,
body.ln-onboarding-lock .fi-topbar,
.ln-onboarding-lock .fi-sidebar,
.ln-onboarding-lock .fi-topbar {
    display: none !important;
}

.ln-onboarding-lock .fi-main-ctn,
.ln-onboarding-lock .fi-main {
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important;
}

.ln-onboarding-lock .fi-header,
.ln-onboarding-lock .fi-page-header,
.ln-onboarding-lock .fi-main > .fi-page > section > .fi-header {
    display: none !important;
}

.ln-onboarding-lock .fi-page-content,
.ln-onboarding-lock .fi-main .fi-page > section {
    padding: 0 !important;
    max-width: none !important;
}

.ln-onboard {
    --ln-login-naval: #0a2f2a;
    --ln-login-naval-deep: #061f1c;
    --ln-login-naval-lift: #134e45;
    --ln-login-mist: rgba(232, 245, 240, 0.92);
    --ln-orange: #ff6a12;
    --ln-orange-deep: #e24d00;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr);
    min-height: 100dvh;
    width: 100%;
    background: #fff;
    animation: ln-login-rise 0.55s ease-out both;
}

.ln-onboard__brand {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100dvh;
    padding: clamp(2rem, 5vw, 4rem);
    overflow: hidden;
    color: var(--ln-login-mist);
    background:
        radial-gradient(120% 80% at 12% 18%, color-mix(in srgb, var(--ln-login-naval-lift) 55%, transparent) 0%, transparent 52%),
        radial-gradient(90% 70% at 88% 88%, color-mix(in srgb, #0e5a4d 40%, transparent) 0%, transparent 48%),
        linear-gradient(160deg, var(--ln-login-naval-deep) 0%, var(--ln-login-naval) 48%, #0d3d36 100%);
}

.ln-onboard__glow {
    position: absolute;
    inset: -20% auto auto -10%;
    width: min(42rem, 90%);
    height: min(42rem, 90%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(180, 230, 210, 0.14) 0%, transparent 68%);
    animation: ln-login-drift 18s ease-in-out infinite alternate;
    pointer-events: none;
    z-index: 0;
}

.ln-onboard__grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 3.25rem 3.25rem;
    mask-image: radial-gradient(ellipse 75% 70% at 50% 45%, #000 20%, transparent 78%);
    opacity: 0.55;
    pointer-events: none;
    z-index: 0;
}

.ln-onboard__brand-inner {
    position: relative;
    z-index: 1;
    width: min(100%, 26rem);
    display: grid;
    gap: 1.75rem;
}

.ln-onboard__logo {
    display: block;
    width: min(100%, 18rem);
    height: auto;
    filter: drop-shadow(0 10px 28px rgba(0, 0, 0, 0.28));
    animation: ln-login-rise 0.7s ease-out both;
}

.ln-onboard__tagline {
    margin: 0;
    font-family: var(--ln-font-ui, "Plus Jakarta Sans", Figtree, ui-sans-serif, system-ui, sans-serif);
    font-size: clamp(1rem, 1.3vw, 1.12rem);
    font-weight: 500;
    line-height: 1.55;
    color: color-mix(in srgb, #e8f5f0 78%, transparent);
    text-wrap: pretty;
    animation: ln-login-rise 0.75s ease-out 0.08s both;
}

.ln-onboard__steps {
    list-style: none;
    margin: 0.35rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.75rem;
}

.ln-onboard__steps li {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.85rem;
    align-items: start;
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    background: color-mix(in srgb, #fff 7%, transparent);
    border: 1px solid color-mix(in srgb, #fff 12%, transparent);
    animation: ln-login-rise 0.7s ease-out both;
    animation-delay: calc(0.14s + (var(--i, 0) * 0.06s));
}

.ln-onboard__steps li:nth-child(1) { --i: 0; }
.ln-onboard__steps li:nth-child(2) { --i: 1; }
.ln-onboard__steps li:nth-child(3) { --i: 2; }

.ln-onboard__step-num {
    display: inline-grid;
    place-items: center;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 999px;
    background: linear-gradient(145deg, var(--ln-orange) 0%, var(--ln-orange-deep) 100%);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    box-shadow: 0 8px 18px -10px color-mix(in srgb, var(--ln-orange) 80%, transparent);
}

.ln-onboard__steps strong {
    display: block;
    font-size: 0.95rem;
    font-weight: 700;
    color: #f3faf7;
    letter-spacing: -0.01em;
}

.ln-onboard__steps em {
    display: block;
    margin-top: 0.15rem;
    font-style: normal;
    font-size: 0.82rem;
    line-height: 1.4;
    color: color-mix(in srgb, #e8f5f0 68%, transparent);
}

.ln-onboard__panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.15rem;
    min-height: 100dvh;
    padding: clamp(1.5rem, 4vw, 3rem);
    background: #fff;
}

.ln-onboard__intro {
    max-width: 40rem;
    width: 100%;
}

.ln-onboarding {
    max-width: 40rem;
    width: 100%;
}

.ln-onboard__foot {
    margin: 0.25rem 0 0;
    max-width: 40rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.55rem;
    font-size: 0.88rem;
    color: #6b7280;
}

.ln-onboard__logout {
    display: inline;
    margin: 0;
}

.ln-onboard__logout button {
    appearance: none;
    border: 0;
    background: none;
    padding: 0;
    color: var(--ln-orange-deep, #e24d00);
    font: inherit;
    font-weight: 650;
    cursor: pointer;
    text-decoration: none;
}

.ln-onboard__logout button:hover {
    text-decoration: underline;
}

.ln-onboard__foot a {
    color: var(--ln-orange-deep, #e24d00);
    font-weight: 650;
    text-decoration: none;
}

.ln-onboard__foot a:hover {
    text-decoration: underline;
}

/* Wizard polish */
.ln-onboard .ln-onboard-wizard .fi-fo-wizard-header {
    gap: 0.35rem;
}

.ln-onboard .fi-fo-wizard-header-step-button {
    border-radius: 0.85rem;
    padding-block: 0.55rem;
}

.ln-onboard .fi-fo-wizard-header-step-label,
.ln-onboard .fi-fo-wizard-header-step-description {
    font-family: var(--ln-font-ui, "Plus Jakarta Sans", Figtree, ui-sans-serif, system-ui, sans-serif);
}

.ln-onboard .fi-fo-wizard-header-step-icon {
    background: color-mix(in srgb, var(--ln-orange) 14%, #fff) !important;
    color: var(--ln-orange-deep) !important;
    ring-color: color-mix(in srgb, var(--ln-orange) 35%, transparent);
}

.ln-onboard .fi-btn.ln-onboard-submit,
.ln-onboard .fi-fo-wizard-actions .fi-btn:last-child {
    background: linear-gradient(145deg, var(--ln-orange) 0%, var(--ln-orange-deep) 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    font-weight: 700;
    box-shadow:
        0 1px 0 color-mix(in srgb, #fff 35%, transparent) inset,
        0 14px 28px -16px color-mix(in srgb, var(--ln-orange) 70%, transparent);
}

.ln-onboard .person-type-input .fi-fo-radio {
    gap: 0.75rem;
}

.ln-onboard .person-type-input label {
    border: 1px solid #e5e7eb;
    border-radius: 0.9rem;
    padding: 0.7rem 0.9rem;
    background: #fafafa;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.ln-onboard .person-type-input label:has(input:checked) {
    border-color: color-mix(in srgb, var(--ln-orange) 55%, transparent);
    background: color-mix(in srgb, var(--ln-orange) 8%, #fff);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ln-orange) 14%, transparent);
}

@media (max-width: 960px) {
    .ln-onboard {
        grid-template-columns: 1fr;
    }

    .ln-onboard__brand {
        min-height: auto;
        padding: 1.75rem 1.35rem 1.5rem;
    }

    .ln-onboard__logo {
        width: min(100%, 14rem);
    }

    .ln-onboard__steps {
        grid-template-columns: 1fr;
    }

    .ln-onboard__panel {
        min-height: auto;
        padding: 1.5rem 1.25rem 2.25rem;
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ln-onboard,
    .ln-onboard__logo,
    .ln-onboard__tagline,
    .ln-onboard__steps li,
    .ln-onboard__glow {
        animation: none;
    }
}

/* ?? Validation modal (onboarding) ?? */
.ln-valid-modal {
    --ln-orange: #ff6a12;
    --ln-orange-deep: #e24d00;
    --ln-naval: #0a2f2a;
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 1.25rem;
}

.ln-valid-modal__backdrop {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--ln-naval) 55%, transparent);
    backdrop-filter: blur(4px);
}

.ln-valid-modal__card {
    position: relative;
    z-index: 1;
    width: min(100%, 26rem);
    padding: 1.45rem 1.35rem 1.35rem;
    border-radius: 1.25rem;
    background:
        linear-gradient(160deg, color-mix(in srgb, var(--ln-orange) 8%, #fff) 0%, #fff 42%),
        #fff;
    border: 1px solid color-mix(in srgb, var(--ln-orange) 24%, transparent);
    box-shadow:
        0 1px 0 color-mix(in srgb, #fff 80%, transparent) inset,
        0 28px 60px -28px rgba(6, 31, 28, 0.55);
    text-align: center;
}

.ln-valid-modal__icon {
    margin: 0 auto 0.85rem;
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(145deg, var(--ln-orange) 0%, var(--ln-orange-deep) 100%);
    box-shadow: 0 12px 24px -12px color-mix(in srgb, var(--ln-orange) 80%, transparent);
}

.ln-valid-modal__title {
    margin: 0;
    font-family: var(--ln-font-display, "Plus Jakarta Sans", Figtree, ui-sans-serif, system-ui, sans-serif);
    font-size: 1.25rem;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: #111827;
}

.ln-valid-modal__lead {
    margin: 0.45rem 0 0;
    font-size: 0.92rem;
    line-height: 1.45;
    color: #6b7280;
}

.ln-valid-modal__list {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.45rem;
    text-align: start;
    max-height: min(40vh, 14rem);
    overflow: auto;
}

.ln-valid-modal__list li {
    position: relative;
    padding: 0.7rem 0.85rem 0.7rem 2.15rem;
    border-radius: 0.85rem;
    background: color-mix(in srgb, var(--ln-orange) 7%, #fff);
    border: 1px solid color-mix(in srgb, var(--ln-orange) 16%, transparent);
    color: #1f2937;
    font-size: 0.9rem;
    line-height: 1.4;
}

.ln-valid-modal__list li::before {
    content: "";
    position: absolute;
    left: 0.85rem;
    top: 50%;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    transform: translateY(-50%);
    background: var(--ln-orange);
}

.ln-valid-modal__cta {
    margin-top: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 2.7rem;
    padding: 0.7rem 1.1rem;
    border: 0;
    border-radius: 0.9rem;
    background: linear-gradient(145deg, var(--ln-orange) 0%, var(--ln-orange-deep) 100%);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    cursor: pointer;
    box-shadow:
        0 1px 0 color-mix(in srgb, #fff 35%, transparent) inset,
        0 14px 28px -16px color-mix(in srgb, var(--ln-orange) 70%, transparent);
    transition: transform 0.2s ease, filter 0.2s ease;
}

.ln-valid-modal__cta:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
}

.ln-valid-modal__cta:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--ln-orange) 55%, transparent);
    outline-offset: 3px;
}

.ln-valid-modal__pop--from {
    opacity: 0;
    transform: translateY(0.6rem) scale(0.98);
}

.ln-valid-modal__pop--to {
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    .ln-valid-modal__cta {
        transition: none;
    }

    .ln-valid-modal__cta:hover {
        transform: none;
    }
}

/* ========== Edit book ? single-screen composition ========== */
.ln-book-edit-body .fi-header {
    display: none;
}

.ln-book-edit-page {
    --ln-book: #514795;
    --ln-book-ink: #1c1730;
    --ln-book-muted: #6b647f;
    --ln-book-paper: #f7f5fb;
    --ln-book-line: color-mix(in srgb, var(--ln-book) 18%, transparent);
}

.ln-book-edit {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    animation: ln-book-fade-in 0.45s ease both;
}

@keyframes ln-book-fade-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.ln-book-edit__hero-shell {
    position: relative;
    z-index: 25;
}

.ln-book-edit__hero-shell .ln-bv__pin,
.ln-book-edit__pin-btn {
    z-index: 50;
    pointer-events: auto !important;
    touch-action: manipulation;
}

.ln-book-edit__hero-shell--sticky {
    position: sticky;
    top: 4.5rem;
    margin-bottom: 0.25rem;
    z-index: 40;
}

@media (max-width: 1023px) {
    .ln-book-edit__hero-shell--sticky {
        top: 3.75rem;
    }
}

.ln-book-edit__hero {
    position: relative;
    overflow: hidden;
    border-radius: 1.25rem;
    isolation: isolate;
    min-height: 11.5rem;
}

.ln-book-edit__hero-shell--sticky .ln-book-edit__hero {
    box-shadow: 0 12px 32px rgba(20, 12, 48, 0.22);
}

.ln-book-edit__pin {
    position: absolute;
    top: 0.55rem;
    right: 0.55rem;
    z-index: 50;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
    background: rgba(20, 12, 40, 0.55);
    color: #fff;
    cursor: pointer;
    pointer-events: auto !important;
    touch-action: manipulation;
    -webkit-user-select: none;
    user-select: none;
    backdrop-filter: blur(10px);
    box-shadow: 0 6px 16px rgba(12, 8, 28, 0.35);
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.ln-book-edit__pin:hover {
    background: rgba(20, 12, 40, 0.72);
    border-color: rgba(255, 255, 255, 0.45);
    transform: translateY(-1px);
}

.ln-book-edit__pin:active {
    transform: scale(0.94);
}

.ln-book-edit__pin.is-pinned {
    border-color: rgba(255, 120, 120, 0.55);
    box-shadow:
        0 6px 16px rgba(12, 8, 28, 0.35),
        0 0 0 2px rgba(220, 38, 38, 0.22);
}

.ln-book-edit__thumbtack {
    position: relative;
    width: 0.95rem;
    height: 1.35rem;
    display: block;
    pointer-events: none;
    transform-origin: 50% 12%;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), filter 0.2s ease;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.35));
}

.ln-book-edit__pin.is-pinned .ln-book-edit__thumbtack {
    transform: rotate(-18deg) translateY(1px);
}

.ln-book-edit__pin.is-loose .ln-book-edit__thumbtack {
    transform: rotate(28deg) translate(2px, -1px) scale(0.96);
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.25)) grayscale(0.15) opacity(0.85);
}

.ln-book-edit__pin:hover .ln-book-edit__thumbtack {
    transform: rotate(-8deg) translateY(0);
}

.ln-book-edit__pin.is-loose:hover .ln-book-edit__thumbtack {
    transform: rotate(18deg) translate(1px, -1px);
}

.ln-book-edit__thumbtack-head {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0.78rem;
    height: 0.78rem;
    margin-left: -0.39rem;
    border-radius: 50%;
    background:
        radial-gradient(circle at 32% 28%, #ff8f8f 0%, #e11d48 42%, #9f1239 100%);
    box-shadow:
        inset 0 -2px 3px rgba(80, 0, 20, 0.35),
        inset 0 2px 2px rgba(255, 255, 255, 0.35),
        0 1px 2px rgba(0, 0, 0, 0.25);
}

.ln-book-edit__thumbtack-shine {
    position: absolute;
    top: 0.12rem;
    left: 50%;
    width: 0.28rem;
    height: 0.22rem;
    margin-left: -0.28rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.55);
    transform: rotate(-28deg);
    pointer-events: none;
}

.ln-book-edit__thumbtack-neck {
    position: absolute;
    top: 0.62rem;
    left: 50%;
    width: 0.34rem;
    height: 0.18rem;
    margin-left: -0.17rem;
    border-radius: 0.1rem;
    background: linear-gradient(180deg, #d4d4d8, #71717a);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.ln-book-edit__thumbtack-shaft {
    position: absolute;
    top: 0.74rem;
    left: 50%;
    width: 0.14rem;
    height: 0.48rem;
    margin-left: -0.07rem;
    border-radius: 1px;
    background: linear-gradient(90deg, #a1a1aa, #f4f4f5 45%, #71717a);
}

.ln-book-edit__thumbtack-tip {
    position: absolute;
    top: 1.16rem;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -0.09rem;
    border-left: 0.09rem solid transparent;
    border-right: 0.09rem solid transparent;
    border-top: 0.2rem solid #a1a1aa;
}

.ln-book-edit__hero-bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--ln-book) 42%, transparent), transparent 55%),
        radial-gradient(80% 70% at 100% 20%, color-mix(in srgb, #459bdd 28%, transparent), transparent 50%),
        linear-gradient(135deg, #2a2148 0%, #514795 48%, #3d3480 100%);
    z-index: 0;
}

.ln-book-edit__hero-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.7;
    pointer-events: none;
}

.ln-book-edit__hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1.15rem 1.35rem;
    align-items: end;
    padding: 1.35rem 3.25rem 1.5rem 1.5rem;
}

.ln-book-edit__progress {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    max-width: 13.5rem;
    padding: 0.55rem 0.7rem;
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(8px);
    color: #fff;
    margin-bottom: 0.15rem;
}

.ln-book-edit__progress-ring {
    --p: 0;
    position: relative;
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background:
        conic-gradient(#ffffff calc(var(--p) * 1%), rgba(255, 255, 255, 0.18) 0);
    display: grid;
    place-items: center;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.ln-book-edit__progress-ring::before {
    content: "";
    position: absolute;
    inset: 0.32rem;
    border-radius: 50%;
    background: rgba(42, 33, 72, 0.92);
}

.ln-book-edit__progress-value {
    position: relative;
    z-index: 1;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.ln-book-edit__progress-copy {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
}

.ln-book-edit__progress-copy strong {
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.15;
}

.ln-book-edit__progress-copy span {
    font-size: 0.68rem;
    line-height: 1.25;
    color: rgba(244, 241, 255, 0.78);
}

.ln-book-edit__progress.is-low .ln-book-edit__progress-ring {
    background: conic-gradient(#fda4af calc(var(--p) * 1%), rgba(255, 255, 255, 0.16) 0);
}

.ln-book-edit__progress.is-mid .ln-book-edit__progress-ring {
    background: conic-gradient(#fde68a calc(var(--p) * 1%), rgba(255, 255, 255, 0.16) 0);
}

.ln-book-edit__progress.is-high .ln-book-edit__progress-ring {
    background: conic-gradient(#bbf7d0 calc(var(--p) * 1%), rgba(255, 255, 255, 0.16) 0);
}

.ln-book-edit__progress.is-done .ln-book-edit__progress-ring {
    background: conic-gradient(#86efac calc(var(--p) * 1%), rgba(255, 255, 255, 0.16) 0);
}

.ln-book-edit__progress.is-done {
    border-color: rgba(134, 239, 172, 0.45);
    background: rgba(34, 197, 94, 0.16);
}

.ln-book-edit__cover-stage {
    flex-shrink: 0;
    width: 7.25rem;
    aspect-ratio: 133 / 200;
    border-radius: 0.65rem;
    overflow: hidden;
    box-shadow:
        0 18px 40px rgba(20, 12, 48, 0.45),
        0 0 0 1px rgba(255, 255, 255, 0.12);
    transform: translateY(0);
    animation: ln-book-cover-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes ln-book-cover-in {
    from {
        opacity: 0;
        transform: translateY(14px) rotate(-2deg) scale(0.96);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.ln-book-edit__title,
.ln-book-edit__byline,
.ln-book-edit__chips .ln-book-edit__chip {
    transition: opacity 0.12s ease;
}

.ln-book-edit__cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.2s ease;
}

.ln-book-edit__meta {
    min-width: 0;
    color: #f4f1ff;
    padding-bottom: 0.15rem;
    animation: ln-book-fade-in 0.5s 0.08s ease both;
}

.ln-book-edit__eyebrow {
    margin: 0 0 0.35rem;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(244, 241, 255, 0.72);
    font-weight: 600;
}

.ln-book-edit__eyebrow-date {
    color: rgba(244, 241, 255, 0.58);
    letter-spacing: 0.06em;
    font-weight: 500;
}

/* ISBN metadata search ????????????????? toast below hero (no dimmed backdrop) */
.ln-isbn-search-overlay {
    position: relative;
    z-index: 35;
    display: none;
    align-items: center;
    justify-content: center;
    margin: 0.35rem 0 0.15rem;
    padding: 0 0.25rem;
    pointer-events: none;
}

.ln-isbn-search-overlay.is-alpine {
    display: flex;
}

.ln-isbn-search-overlay__card {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    max-width: 24rem;
    width: 100%;
    padding: 0.85rem 1.05rem;
    border-radius: 0.9rem;
    border: 1px solid color-mix(in srgb, #514795 28%, transparent);
    background:
        linear-gradient(165deg, color-mix(in srgb, #514795 10%, #fff), #fff);
    box-shadow: 0 12px 28px rgba(18, 12, 40, 0.14);
    animation: ln-isbn-pop 0.22s ease both;
}

.ln-isbn-search-overlay__spinner {
    flex: 0 0 auto;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    border: 2.5px solid color-mix(in srgb, #514795 22%, transparent);
    border-top-color: #514795;
    animation: ln-isbn-spin 0.7s linear infinite;
}

.ln-isbn-search-overlay__copy {
    min-width: 0;
}

.ln-isbn-search-overlay__copy strong {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    color: #1c1730;
    letter-spacing: -0.01em;
}

.ln-isbn-search-overlay__copy p {
    margin: 0.18rem 0 0;
    font-size: 0.78rem;
    line-height: 1.35;
    color: #6b647f;
}

.dark .ln-isbn-search-overlay__card {
    background: linear-gradient(165deg, color-mix(in srgb, #514795 22%, #161422), #161422);
    border-color: color-mix(in srgb, #c4b5fd 24%, transparent);
}

.dark .ln-isbn-search-overlay__copy strong {
    color: #f3efff;
}

.dark .ln-isbn-search-overlay__copy p {
    color: #b7afc9;
}

@keyframes ln-isbn-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes ln-isbn-pop {
    from {
        opacity: 0;
        transform: translateY(6px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.ln-book-edit__title {
    margin: 0;
    font-family: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
    font-size: clamp(1.35rem, 2.4vw, 1.85rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #fff;
}

.ln-book-edit__byline {
    margin: 0.4rem 0 0.85rem;
    font-size: 0.95rem;
    color: rgba(244, 241, 255, 0.82);
}

.ln-book-edit__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.ln-book-edit__chip {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #fff;
    backdrop-filter: blur(6px);
}

.ln-book-edit__chip--price.is-promo {
    background: rgba(34, 197, 94, 0.22);
    border-color: rgba(134, 239, 172, 0.45);
}

.ln-book-edit__chip--condition {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.28);
}

.ln-book-edit__chip--warn {
    background: rgba(251, 191, 36, 0.22);
    border-color: rgba(252, 211, 77, 0.5);
}

.ln-book-edit__chip--muted {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.78);
}

.ln-book-edit__form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Tab navigation: keep next field/section visible under sticky hero */
.ln-book-edit-body .ln-book-section,
.ln-book-edit-body .fi-fo-field-wrp,
.ln-book-edit-body .ln-book-identity__pane,
.ln-book-edit-body .filepond--root {
    scroll-margin-top: 13.5rem;
    scroll-margin-bottom: 6rem;
}

@media (max-width: 1023px) {
    .ln-book-edit-body .ln-book-section,
    .ln-book-edit-body .fi-fo-field-wrp,
    .ln-book-edit-body .ln-book-identity__pane,
    .ln-book-edit-body .filepond--root {
        scroll-margin-top: 11.5rem;
    }
}

.ln-book-edit-body .ln-book-field--tab-focus {
    outline: 2px solid color-mix(in srgb, var(--ln-book, #514795) 55%, transparent);
    outline-offset: 3px;
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--ln-book, #514795) 12%, transparent);
    border-radius: 0.85rem;
    transition: outline-color 0.2s ease, box-shadow 0.2s ease;
}

.ln-book-edit-body .ln-book-section.ln-book-field--tab-focus {
    border-color: color-mix(in srgb, var(--ln-book, #514795) 42%, transparent) !important;
}

.ln-book-edit-body .ln-book-section {
    border: 1px solid var(--ln-book-line) !important;
    border-radius: 1rem !important;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--ln-book) 5%, #ffffff), #ffffff) !important;
    box-shadow: 0 10px 28px rgba(28, 23, 48, 0.05);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.ln-book-edit-body .ln-book-section:hover {
    border-color: color-mix(in srgb, var(--ln-book) 32%, transparent) !important;
    box-shadow: 0 14px 34px rgba(28, 23, 48, 0.08);
}

.ln-book-edit-body .ln-book-section--danger {
    border-color: color-mix(in srgb, #dc2626 35%, transparent) !important;
    background: linear-gradient(180deg, #fff5f5, #ffffff) !important;
}

.ln-book-edit-body .ln-book-section .fi-section-header {
    background: color-mix(in srgb, var(--ln-book) 7%, transparent);
    border-bottom: 1px solid var(--ln-book-line);
}

.ln-book-edit-body .ln-book-section .fi-section-header-heading {
    color: var(--ln-book-ink);
    font-weight: 700;
    letter-spacing: -0.01em;
}

.ln-book-edit-body .ln-book-editorial-codes.fi-fo-split,
.ln-book-edit-body .ln-book-editorial-codes {
    width: 100% !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
}

.ln-book-edit-body .ln-book-editorial-codes > * {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
}

.ln-book-edit-body .ln-field-note {
    display: inline;
    margin-inline-start: 0.35rem;
    font-size: 0.7rem;
    font-weight: 400;
    color: var(--ln-book-muted, #6b647f);
    opacity: 0.92;
    white-space: normal;
}

.dark .ln-book-edit-body .ln-field-note {
    color: #b7afc9;
}

/* Pre???????o | Dimens????????es ????????????????? Split nativo Filament (50% / 50%) */
.ln-book-edit-body .ln-book-split-50.fi-fo-split,
.ln-book-edit-body .ln-book-split-50 {
    width: 100% !important;
    align-items: stretch !important;
}

.ln-book-edit-body .ln-book-split-50 > * {
    min-width: 0 !important;
    flex: 1 1 0% !important;
}

.ln-book-edit-body .ln-book-split-50 .ln-book-section,
.ln-book-edit-body .ln-book-split-50 .fi-section {
    height: 100%;
}

.ln-book-edit-body .ln-book-section--pricing {
    border-color: color-mix(in srgb, #16a34a 28%, transparent) !important;
}

.ln-book-edit-body .ln-book-section--pricing .fi-section-header {
    background: color-mix(in srgb, #16a34a 8%, transparent);
}

.ln-book-edit-body .ln-book-section--dims {
    border-color: color-mix(in srgb, #459bdd 28%, transparent) !important;
}

.ln-book-edit-body .ln-book-section--dims .fi-section-header {
    background: color-mix(in srgb, #459bdd 8%, transparent);
}

.ln-book-edit-body .ln-book-cover-upload .filepond--root,
.ln-book-edit-body .ln-book-cover-upload .fi-fo-file-upload-input-ctn {
    min-height: 12rem;
}

.ln-book-edit-body .ln-book-identity-split {
    align-items: stretch !important;
    gap: 0.85rem !important;
    width: 100%;
}

.ln-book-edit-body .ln-book-identity-split > * {
    min-width: 0;
}

.ln-book-edit-body .ln-book-identity-split > *:first-child {
    flex: 0 0 clamp(11rem, 28%, 15rem) !important;
    max-width: 15rem;
}

.ln-book-edit-body .ln-book-identity-split > *:last-child {
    flex: 1 1 auto !important;
}

.ln-book-edit-body .ln-book-identity__pane {
    height: 100%;
    border-radius: 0.9rem;
    padding: 0.85rem 0.9rem 1rem;
    border: 1px solid transparent;
}

.ln-book-edit-body .ln-book-identity__pane--cover {
    background: color-mix(in srgb, #514795 9%, #f7f5fb);
    border-color: color-mix(in srgb, #514795 16%, transparent);
}

.ln-book-edit-body .ln-book-identity__pane--meta {
    background: color-mix(in srgb, #459bdd 7%, #f8fafc);
    border-color: color-mix(in srgb, #459bdd 14%, transparent);
}

.dark .ln-book-edit-body .ln-book-identity__pane--cover {
    background: color-mix(in srgb, #514795 22%, #161422);
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
}

.dark .ln-book-edit-body .ln-book-identity__pane--meta {
    background: color-mix(in srgb, #459bdd 14%, #161422);
    border-color: color-mix(in srgb, #7dd3fc 14%, transparent);
}

.ln-book-cover-heading,
.ln-book-meta-heading {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    margin-bottom: 0.65rem;
}

.ln-book-cover-heading strong,
.ln-book-meta-heading strong {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1c1730;
    letter-spacing: -0.01em;
}

.ln-book-cover-heading span,
.ln-book-meta-heading span {
    font-size: 0.72rem;
    color: #6b647f;
}

.dark .ln-book-cover-heading strong,
.dark .ln-book-meta-heading strong {
    color: #f3efff;
}

.dark .ln-book-cover-heading span,
.dark .ln-book-meta-heading span {
    color: #b7afc9;
}

.ln-book-edit-body .ln-book-identity__pane--cover .ln-book-cover-upload {
    width: 100%;
}

/* Capa da library: sem bot?o/modal de edi??o (FilePond fica em wire:ignore). */
.ln-book-edit-body .ln-book-cover-is-library .filepond--action-edit-item,
.ln-book-edit-body .ln-book-cover-upload--library .filepond--action-edit-item,
.ln-book-edit-body .ln-book-cover-is-library .filepond--file-action-button.filepond--action-edit-item,
.ln-book-edit-body .ln-book-cover-upload--library .filepond--file-action-button.filepond--action-edit-item {
    display: none !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
}

.ln-book-edit-body .ln-book-cover-is-library .ln-book-cover-upload > .fixed.inset-0,
.ln-book-edit-body .ln-book-cover-upload--library > .fixed.inset-0 {
    display: none !important;
}

.ln-book-edit-body .ln-book-identity__pane--cover .filepond--root,
.ln-book-edit-body .ln-book-identity__pane--cover .fi-fo-file-upload-input-ctn {
    min-height: 16.5rem;
    margin: 0;
    border-radius: 0.75rem;
    overflow: hidden;
    background:
        linear-gradient(165deg, color-mix(in srgb, #514795 12%, transparent), transparent 50%),
        #fff;
    border: 1.5px dashed color-mix(in srgb, #514795 38%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, #514795 6%, transparent);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.ln-book-edit-body .ln-book-identity__pane--cover .filepond--root:hover,
.ln-book-edit-body .ln-book-identity__pane--cover .fi-fo-file-upload-input-ctn:hover {
    border-color: #514795;
    box-shadow: 0 10px 24px color-mix(in srgb, #514795 14%, transparent);
}

.ln-book-edit-body .ln-book-identity__pane--cover .filepond--panel-root {
    background: transparent;
}

.ln-book-edit-body .ln-book-identity__pane--cover .filepond--drop-label {
    min-height: 15rem;
    color: #514795;
    font-size: 0.82rem;
    font-weight: 600;
}

.ln-book-edit-body .ln-book-identity__pane--cover .filepond--label-action {
    color: #514795;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ln-book-edit-body .ln-book-identity__pane--cover .filepond--image-preview-wrapper {
    min-height: 15rem;
}

/* Pr????????via da capa: badge 2:3 cheio, sem letterbox lateral */
.ln-book-edit-body .ln-book-identity__pane--cover .filepond--item {
    width: 100%;
}

.ln-book-edit-body .ln-book-identity__pane--cover .filepond--image-preview {
    background: #12101c;
}

.ln-book-edit-body .ln-book-identity__pane--cover .filepond--image-preview-overlay {
    display: none;
}

.ln-book-edit-body .ln-book-identity__pane--cover .filepond--image-clip {
    margin: 0 !important;
}

.ln-book-edit-body .ln-book-identity__pane--cover .filepond--file {
    background: transparent;
}

/* Modal do editor de capa: s???????? a imagem + sidebar, sem faixa larga */
.ln-book-edit-body .ln-book-cover-upload > .fixed.inset-0 {
    padding: 0.65rem !important;
}

.ln-book-edit-body .ln-book-cover-upload > .fixed.inset-0 > .isolate > .mx-auto {
    width: auto !important;
    max-width: min(96vw, 46rem) !important;
    height: min(92dvh, 34rem) !important;
    max-height: 92dvh !important;
    box-shadow: 0 28px 70px rgba(10, 6, 28, 0.5);
    border: 1px solid color-mix(in srgb, #514795 28%, transparent);
}

.ln-book-edit-body .ln-book-cover-upload > .fixed.inset-0 > .isolate > .mx-auto > div:first-child {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: min(70vw, 22rem);
    padding: 0.75rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #100e1a;
}

.ln-book-edit-body .ln-book-cover-upload > .fixed.inset-0 > .isolate > .mx-auto > div:first-child > .h-full.w-full {
    width: auto !important;
    height: 100% !important;
    max-height: calc(min(92dvh, 34rem) - 1.5rem);
    aspect-ratio: 2 / 3;
    margin-inline: auto;
}

.ln-book-edit-body .ln-book-cover-upload > .fixed.inset-0 img[x-ref="editor"],
.ln-book-edit-body .ln-book-cover-upload > .fixed.inset-0 .cropper-container {
    max-height: 100%;
}

.ln-book-edit-body .ln-book-cover-upload .cropper-bg {
    background-color: #100e1a !important;
    background-image: none !important;
}

.ln-book-edit-body .ln-book-cover-upload .cropper-view-box {
    outline: 2px solid rgba(255, 255, 255, 0.92);
    outline-offset: 0;
    box-shadow: 0 0 0 9999px rgba(8, 4, 20, 0.55);
}

.ln-book-edit-body .ln-book-cover-upload .cropper-face {
    background-color: transparent !important;
}

.ln-book-edit-body .ln-book-cover-upload > .fixed.inset-0 > .isolate > .mx-auto > div:last-child {
    max-width: 15.5rem;
}

@media (max-width: 1023px) {
    .ln-book-edit-body .ln-book-cover-upload > .fixed.inset-0 > .isolate > .mx-auto {
        width: min(96vw, 28rem) !important;
        height: min(94dvh, 44rem) !important;
        flex-direction: column !important;
    }

    .ln-book-edit-body .ln-book-cover-upload > .fixed.inset-0 > .isolate > .mx-auto > div:first-child {
        max-width: none;
        width: 100% !important;
        flex: 1 1 auto !important;
        min-height: 14rem;
    }

    .ln-book-edit-body .ln-book-cover-upload > .fixed.inset-0 > .isolate > .mx-auto > div:last-child {
        max-width: none;
        width: 100%;
        height: auto !important;
        max-height: 42%;
    }
}

/* Fallback quando o browser mostra input nativo */
.ln-book-edit-body .ln-book-identity__pane--cover .fi-fo-file-upload-input-ctn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 1.25rem 0.75rem;
    text-align: center;
    cursor: pointer;
}

.ln-book-edit-body .ln-book-identity__pane--cover .fi-fo-file-upload-input-ctn::before {
    content: "??????????????";
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, #514795 14%, #fff);
    color: #514795;
    font-size: 1.1rem;
}

.ln-book-edit-body .ln-book-identity__pane--cover input[type="file"] {
    width: 100%;
    max-width: 12rem;
    font-size: 0.78rem;
    color: #514795;
}

.dark .ln-book-edit-body .ln-book-identity__pane--cover .filepond--root,
.dark .ln-book-edit-body .ln-book-identity__pane--cover .fi-fo-file-upload-input-ctn {
    background:
        linear-gradient(165deg, color-mix(in srgb, #514795 24%, transparent), transparent 50%),
        #1a1628;
    border-color: color-mix(in srgb, #c4b5fd 35%, transparent);
}

.dark .ln-book-edit-body .ln-book-identity__pane--cover .filepond--drop-label,
.dark .ln-book-edit-body .ln-book-identity__pane--cover .filepond--label-action,
.dark .ln-book-edit-body .ln-book-identity__pane--cover input[type="file"] {
    color: #c4b5fd;
}

@media (max-width: 767px) {
    .ln-book-edit-body .ln-book-identity-split > *:first-child {
        flex: 1 1 100% !important;
        max-width: none;
    }
}

.ln-book-edit-body .ln-book-condition-toggles {
    width: 100%;
    gap: 0.5rem !important;
    margin-top: 0 !important;
}

.ln-book-edit-body .ln-book-condition-toggles > div {
    padding-top: 0 !important;
    min-width: 0;
}

.ln-book-edit-body .ln-book-condition-toggles .fi-btn {
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-height: 4.35rem;
    padding: 0.55rem 0.4rem 0.5rem !important;
    border-radius: 0.9rem !important;
    border: 1.5px solid color-mix(in srgb, var(--ln-book, #514795) 16%, transparent) !important;
    background: #fff !important;
    color: var(--ln-book-ink, #1c1730) !important;
    box-shadow: 0 1px 0 color-mix(in srgb, var(--ln-book, #514795) 6%, transparent) !important;
    font-family: var(--ln-font-display, inherit);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.15;
    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.15s ease;
}

.ln-book-edit-body .ln-book-condition-toggles .fi-btn .fi-icon,
.ln-book-edit-body .ln-book-condition-toggles .fi-btn svg {
    width: 1.15rem;
    height: 1.15rem;
    color: color-mix(in srgb, var(--ln-book, #514795) 72%, #6b647f) !important;
    transition: color 0.18s ease, transform 0.18s ease;
}

.ln-book-edit-body .ln-book-condition-toggles .fi-btn::after {
    display: block;
    font-family: var(--ln-font-ui, inherit);
    font-size: 0.62rem;
    font-weight: 560;
    letter-spacing: 0.01em;
    line-height: 1.2;
    color: var(--ln-book-muted, #6b647f);
    text-align: center;
    max-width: 100%;
}

.ln-book-edit-body .ln-book-condition-toggles > div:nth-child(1) .fi-btn::after {
    content: 'Com uso';
}

.ln-book-edit-body .ln-book-condition-toggles > div:nth-child(2) .fi-btn::after {
    content: 'Lacrado / sem uso';
}

.ln-book-edit-body .ln-book-condition-toggles > div:nth-child(3) .fi-btn::after {
    content: 'Quase novo';
}

.ln-book-edit-body .ln-book-condition-toggles input:not(:checked) + .fi-btn:hover {
    border-color: color-mix(in srgb, var(--ln-book, #514795) 42%, transparent) !important;
    background: color-mix(in srgb, var(--ln-book, #514795) 6%, #fff) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px color-mix(in srgb, var(--ln-book, #514795) 12%, transparent) !important;
}

.ln-book-edit-body .ln-book-condition-toggles input:not(:checked) + .fi-btn:hover .fi-icon,
.ln-book-edit-body .ln-book-condition-toggles input:not(:checked) + .fi-btn:hover svg {
    transform: scale(1.06);
}

.ln-book-edit-body .ln-book-condition-toggles input:focus-visible + .fi-btn {
    outline: 2px solid color-mix(in srgb, var(--ln-book, #514795) 55%, transparent);
    outline-offset: 2px;
}

.ln-book-edit-body .ln-book-condition-toggles input:checked + .fi-btn {
    color: #fff !important;
    border-color: transparent !important;
    transform: translateY(-1px);
    box-shadow:
        0 10px 22px color-mix(in srgb, var(--ln-book, #514795) 22%, transparent),
        inset 0 1px 0 color-mix(in srgb, #fff 18%, transparent) !important;
}

.ln-book-edit-body .ln-book-condition-toggles input:checked + .fi-btn .fi-icon,
.ln-book-edit-body .ln-book-condition-toggles input:checked + .fi-btn svg {
    color: #fff !important;
}

.ln-book-edit-body .ln-book-condition-toggles input:checked + .fi-btn::after {
    color: color-mix(in srgb, #fff 78%, transparent);
}

/* Usado */
.ln-book-edit-body .ln-book-condition-toggles input[value="0"]:checked + .fi-btn {
    background: linear-gradient(160deg, #5c52a8 0%, #514795 55%, #433d7a 100%) !important;
}

/* Novo */
.ln-book-edit-body .ln-book-condition-toggles input[value="1"]:checked + .fi-btn {
    background: linear-gradient(160deg, #1a9a8c 0%, #0f766e 55%, #0b5f59 100%) !important;
    box-shadow:
        0 10px 22px color-mix(in srgb, #0f766e 24%, transparent),
        inset 0 1px 0 color-mix(in srgb, #fff 18%, transparent) !important;
}

/* Seminovo */
.ln-book-edit-body .ln-book-condition-toggles input[value="2"]:checked + .fi-btn {
    background: linear-gradient(160deg, #d97706 0%, #b45309 55%, #92400e 100%) !important;
    box-shadow:
        0 10px 22px color-mix(in srgb, #b45309 24%, transparent),
        inset 0 1px 0 color-mix(in srgb, #fff 18%, transparent) !important;
}

.dark .ln-book-edit-body .ln-book-condition-toggles .fi-btn {
    background: color-mix(in srgb, #514795 12%, #161422) !important;
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent) !important;
    color: #e8e4f5 !important;
    box-shadow: none !important;
}

.dark .ln-book-edit-body .ln-book-condition-toggles .fi-btn .fi-icon,
.dark .ln-book-edit-body .ln-book-condition-toggles .fi-btn svg {
    color: #c4b5fd !important;
}

.dark .ln-book-edit-body .ln-book-condition-toggles .fi-btn::after {
    color: color-mix(in srgb, #c4b5fd 70%, #9ca3af);
}

.dark .ln-book-edit-body .ln-book-condition-toggles input:not(:checked) + .fi-btn:hover {
    background: color-mix(in srgb, #514795 22%, #161422) !important;
}

.dark .ln-book-edit-body .ln-book-condition-toggles input:checked + .fi-btn {
    color: #fff !important;
}

@media (max-width: 420px) {
    .ln-book-edit-body .ln-book-condition-toggles .fi-btn {
        min-height: 3.85rem;
        padding: 0.45rem 0.3rem 0.42rem !important;
        font-size: 0.74rem;
    }

    .ln-book-edit-body .ln-book-condition-toggles .fi-btn::after {
        font-size: 0.58rem;
    }
}

.ln-book-edit__actions {
    position: sticky;
    bottom: 0.75rem;
    z-index: 20;
    margin-top: 0.25rem;
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    border: 1px solid var(--ln-book-line);
    background: color-mix(in srgb, #ffffff 88%, var(--ln-book));
    backdrop-filter: blur(12px);
    box-shadow: 0 12px 40px rgba(28, 23, 48, 0.12);
    animation: ln-book-fade-in 0.4s 0.12s ease both;
}

.ln-book-edit-body .ln-book-edit__actions .fi-form-actions {
    margin: 0;
}

.ln-book-edit-body .ln-book-edit__save {
    background: var(--ln-book) !important;
    border-color: var(--ln-book) !important;
}

.ln-book-edit-body .ln-book-edit__save:hover {
    filter: brightness(1.06);
}

.dark .ln-book-edit-page {
    --ln-book-ink: #f3efff;
    --ln-book-muted: #b7afc9;
    --ln-book-paper: #161422;
    --ln-book-line: color-mix(in srgb, #c4b5fd 22%, transparent);
}

.dark .ln-book-edit-body .ln-book-section {
    background: linear-gradient(180deg, color-mix(in srgb, var(--ln-book) 18%, #161422), #161422) !important;
}

.dark .ln-book-edit__actions {
    background: color-mix(in srgb, #161422 88%, var(--ln-book));
}

@media (max-width: 768px) {
    .ln-book-edit__hero-inner {
        grid-template-columns: 1fr;
        justify-items: start;
        gap: 1rem;
        padding-right: 1.5rem;
    }

    .ln-book-edit__progress {
        max-width: none;
        width: 100%;
    }

    .ln-book-edit__cover-stage {
        width: 5.5rem;
    }

    .ln-book-edit__actions {
        bottom: 0.4rem;
        border-radius: 0.85rem;
    }
}

/* ========== View book ????????????????? editorial showcase (ln-bv) ========== */
.ln-book-view-body .fi-header {
    display: none !important;
}

.ln-book-view-page {
    --ln-bv-brand: #514795;
    --ln-bv-ink: #171322;
    --ln-bv-muted: #6b647f;
    --ln-bv-line: #e6e2ef;
    --ln-bv-paper: #fbfafe;
}

.ln-bv {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    animation: ln-book-fade-in 0.45s ease both;
}

.ln-bv__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.ln-bv__toolbar-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.ln-bv__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.4rem;
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid transparent;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.12s ease, filter 0.12s ease, background 0.12s ease;
}

.ln-bv__btn svg { width: 1rem; height: 1rem; }
.ln-bv__btn:hover { transform: translateY(-1px); }
.ln-bv__btn--solid { background: var(--ln-bv-brand); color: #fff; }
.ln-bv__btn--solid:hover { filter: brightness(1.06); color: #fff; }
.ln-bv__btn--ghost {
    background: transparent;
    color: var(--ln-bv-ink);
    border-color: var(--ln-bv-line);
}
.dark .ln-bv__btn--ghost { color: #f4f2ff; border-color: rgba(255,255,255,0.16); }
.ln-bv__btn--wide { width: 100%; margin-top: 0.85rem; }

.ln-bv__hero-shell {
    position: relative;
    z-index: 20;
}

.ln-bv__hero-shell.is-sticky {
    position: sticky;
    top: 4.5rem;
    z-index: 40;
}

@media (max-width: 1023px) {
    .ln-bv__hero-shell.is-sticky { top: 3.75rem; }
}

.ln-bv__pin {
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    z-index: 5;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.28);
    background: rgba(20, 14, 40, 0.35);
    backdrop-filter: blur(8px);
    cursor: pointer;
    display: grid;
    place-items: center;
}

.ln-bv__pin-icon {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.55);
    box-shadow: 0 0 0 2px rgba(255,255,255,0.2);
    transition: background 0.15s ease, transform 0.15s ease;
}

.ln-bv__pin.is-pinned .ln-bv__pin-icon {
    background: #fbbf24;
    transform: scale(1.15);
}

.ln-bv__hero {
    position: relative;
    overflow: hidden;
    border-radius: 1.2rem;
    isolation: isolate;
    min-height: 14rem;
    border: 1px solid color-mix(in srgb, #fff 12%, transparent);
    box-shadow: 0 18px 42px rgba(20, 12, 48, 0.2);
}

.ln-bv__hero-blur {
    position: absolute;
    inset: -20%;
    background-size: cover;
    background-position: center;
    filter: blur(40px) saturate(1.2);
    transform: scale(1.12);
    opacity: 0.5;
    animation: ln-view-drift 18s ease-in-out infinite alternate;
}

.ln-bv__hero-shade {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(90% 80% at 0% 100%, rgba(255, 186, 120, 0.16), transparent 45%),
        linear-gradient(120deg, #231c4a 0%, #514795 48%, #1a1438 100%);
    opacity: 0.94;
}

.ln-bv__hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(11rem, 14rem);
    gap: 1.25rem 1.4rem;
    align-items: center;
    padding: 1.35rem 3.1rem 1.35rem 1.35rem;
}

.ln-bv__cover {
    margin: 0;
    width: 7.5rem;
    flex-shrink: 0;
    perspective: 700px;
}

.ln-bv__cover img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    border-radius: 0.35rem 0.55rem 0.55rem 0.35rem;
    box-shadow:
        2px 0 0 rgba(255,255,255,0.12),
        0 16px 28px rgba(8, 4, 24, 0.38);
    transform: rotateY(-8deg) rotateZ(-0.5deg);
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.ln-bv__hero:hover .ln-bv__cover img {
    transform: rotateY(-2deg) translateY(-2px);
}

.ln-bv__identity {
    min-width: 0;
    color: #f4f1ff;
}

.ln-bv__eyebrow {
    margin: 0 0 0.35rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(244, 241, 255, 0.68);
}

.ln-bv__title {
    margin: 0;
    font-family: Fraunces, Georgia, serif;
    font-size: clamp(1.5rem, 2.8vw, 2.1rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.025em;
    color: #fff;
    text-wrap: balance;
}

.ln-bv__byline {
    margin: 0.4rem 0 0.85rem;
    font-size: 0.95rem;
    color: rgba(244, 241, 255, 0.84);
}

.ln-bv__publisher { color: rgba(244, 241, 255, 0.58); }

.ln-bv__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.ln-bv__chip {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: #fff;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.18);
}

.ln-bv__chip--mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: 0;
}

.ln-bv__chip--status.is-available {
    background: rgba(16, 185, 129, 0.22);
    border-color: rgba(110, 231, 183, 0.45);
    color: #d1fae5;
}

.ln-bv__chip--status.is-out {
    background: rgba(248, 113, 113, 0.2);
    border-color: rgba(252, 165, 165, 0.45);
    color: #fee2e2;
}

.ln-bv__chip--status.is-ordered {
    background: rgba(251, 191, 36, 0.22);
    border-color: rgba(252, 211, 77, 0.5);
    color: #fef3c7;
}

.ln-bv__price-block {
    margin-top: 0.95rem;
}

.ln-bv__price-label {
    margin: 0;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(244, 241, 255, 0.55);
}

.ln-bv__price {
    margin: 0.15rem 0 0;
    font-family: Fraunces, Georgia, serif;
    font-size: clamp(1.45rem, 2.2vw, 1.85rem);
    font-weight: 650;
    color: #fff;
    letter-spacing: -0.02em;
}

.ln-bv__price span {
    font-size: 0.72em;
    opacity: 0.75;
    margin-right: 0.15rem;
}

.ln-bv__price-was {
    margin: 0.15rem 0 0;
    font-size: 0.8rem;
    color: rgba(244, 241, 255, 0.55);
    text-decoration: line-through;
}

.ln-bv__quality {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem;
    border-radius: 1rem;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.16);
    backdrop-filter: blur(8px);
    color: #fff;
}

.ln-bv__ring {
    --p: 0;
    flex: 0 0 auto;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background:
        radial-gradient(closest-side, rgba(20,14,40,0.88) 72%, transparent 73%),
        conic-gradient(#fbbf24 calc(var(--p) * 1%), rgba(255,255,255,0.18) 0);
}

.ln-bv__quality.is-done .ln-bv__ring {
    background:
        radial-gradient(closest-side, rgba(20,14,40,0.88) 72%, transparent 73%),
        conic-gradient(#34d399 calc(var(--p) * 1%), rgba(255,255,255,0.18) 0);
}

.ln-bv__quality.is-high .ln-bv__ring {
    background:
        radial-gradient(closest-side, rgba(20,14,40,0.88) 72%, transparent 73%),
        conic-gradient(#a3e635 calc(var(--p) * 1%), rgba(255,255,255,0.18) 0);
}

.ln-bv__ring span {
    font-size: 0.78rem;
    font-weight: 800;
}

.ln-bv__quality-copy {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.ln-bv__quality-copy strong {
    font-size: 0.88rem;
    font-weight: 800;
}

.ln-bv__quality-copy span {
    font-size: 0.72rem;
    color: rgba(255,255,255,0.72);
    line-height: 1.35;
}

.ln-bv__quality-req {
    margin-top: 0.15rem !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,0.88) !important;
}

.ln-bv__kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

@media (min-width: 720px) {
    .ln-bv__kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.ln-bv__kpi {
    padding: 0.85rem 1rem;
    border-radius: 0.95rem;
    border: 1px solid var(--ln-bv-line);
    background: linear-gradient(180deg, #fff, var(--ln-bv-paper));
    box-shadow: 0 8px 20px rgba(28, 24, 48, 0.04);
}

.dark .ln-bv__kpi {
    background: linear-gradient(180deg, #1a1728, #161422);
    border-color: color-mix(in srgb, #c4b5fd 16%, transparent);
}

.ln-bv__kpi span {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ln-bv-muted);
}

.ln-bv__kpi strong {
    display: block;
    margin-top: 0.25rem;
    font-family: Fraunces, Georgia, serif;
    font-size: 1.2rem;
    font-weight: 650;
    color: var(--ln-bv-ink);
}

.dark .ln-bv__kpi strong { color: #f4f2ff; }

.ln-bv__body {
    display: grid;
    gap: 1rem;
    align-items: start;
}

@media (min-width: 960px) {
    .ln-bv__body {
        grid-template-columns: minmax(0, 1.45fr) minmax(16rem, 0.9fr);
    }
}

.ln-bv__main,
.ln-bv__aside {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.ln-bv__panel {
    border-radius: 1.05rem;
    border: 1px solid var(--ln-bv-line);
    background: #fff;
    padding: 1.1rem 1.15rem 1.2rem;
    box-shadow: 0 10px 26px rgba(28, 24, 48, 0.04);
    animation: ln-book-fade-in 0.45s ease both;
}

.dark .ln-bv__panel {
    background: #161422;
    border-color: color-mix(in srgb, #c4b5fd 16%, transparent);
}

.ln-bv__panel--gap {
    background: linear-gradient(180deg, #fff7ed, #fff 55%);
    border-color: #fdba74;
}

.dark .ln-bv__panel--gap {
    background: linear-gradient(180deg, color-mix(in srgb, #c2410c 18%, #161422), #161422 60%);
    border-color: rgba(251,146,60,0.4);
}

.ln-bv__panel-head {
    margin-bottom: 0.85rem;
}

.ln-bv__panel-head h2 {
    margin: 0;
    font-family: Fraunces, Georgia, serif;
    font-size: 1.12rem;
    font-weight: 600;
    color: var(--ln-bv-ink);
    letter-spacing: -0.02em;
}

.dark .ln-bv__panel-head h2 { color: #f4f2ff; }

.ln-bv__panel-head p {
    margin: 0.25rem 0 0;
    font-size: 0.8rem;
    color: var(--ln-bv-muted);
}

.ln-bv__prose {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.65;
    color: color-mix(in srgb, var(--ln-bv-ink) 90%, var(--ln-bv-brand));
    white-space: pre-line;
}

.dark .ln-bv__prose { color: #ddd6fe; }

.ln-bv__empty {
    margin: 0;
    color: var(--ln-bv-muted);
    font-style: italic;
    font-size: 0.92rem;
}

.ln-bv__facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem 0.9rem;
    margin: 0;
}

.ln-bv__facts--compact { grid-template-columns: 1fr; }

.ln-bv__facts dt {
    margin: 0;
    font-size: 0.66rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--ln-bv-muted);
    font-weight: 700;
}

.ln-bv__facts dd {
    margin: 0.12rem 0 0;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--ln-bv-ink);
    word-break: break-word;
}

.dark .ln-bv__facts dd { color: #f4f2ff; }

.ln-bv__gap-label {
    margin: 0 0 0.4rem;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #9a3412;
}

.dark .ln-bv__gap-label { color: #fdba74; }

.ln-bv__missing {
    margin: 0 0 0.75rem;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.ln-bv__missing li {
    position: relative;
    padding-left: 1rem;
    font-size: 0.86rem;
    font-weight: 650;
    color: var(--ln-bv-ink);
}

.dark .ln-bv__missing li { color: #f4f2ff; }

.ln-bv__missing li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.45rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 999px;
    background: #f59e0b;
}

.ln-bv__missing.is-quality li::before { background: #94a3b8; }

.ln-bv__extras {
    margin: 0.35rem 0 0.5rem;
    border-radius: 0.7rem;
    border: 1px solid color-mix(in srgb, #f59e0b 25%, transparent);
    padding: 0.35rem 0.65rem;
    background: rgba(255,255,255,0.45);
}

.ln-bv__extras summary {
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 750;
    color: #9a3412;
    padding: 0.25rem 0;
}

.dark .ln-bv__extras {
    background: rgba(0,0,0,0.15);
    border-color: rgba(251,146,60,0.35);
}

.dark .ln-bv__extras summary { color: #fdba74; }

.ln-bv__channels {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.55rem;
}

.ln-bv__channel {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: center;
    padding: 0.7rem 0.8rem;
    border-radius: 0.85rem;
    border: 1px solid color-mix(in srgb, var(--ch) 22%, var(--ln-bv-line));
    background: color-mix(in srgb, var(--ch) 6%, #fff);
}

.dark .ln-bv__channel {
    background: color-mix(in srgb, var(--ch) 14%, #161422);
    border-color: color-mix(in srgb, var(--ch) 28%, transparent);
}

.ln-bv__channel img {
    width: 2.15rem;
    height: 2.15rem;
    object-fit: contain;
    border-radius: 0.45rem;
    background: #fff;
    padding: 0.18rem;
}

.ln-bv__channel-text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.ln-bv__channel-text strong {
    font-size: 0.88rem;
    color: var(--ln-bv-ink);
}

.dark .ln-bv__channel-text strong { color: #f4f2ff; }

.ln-bv__channel-text span {
    font-size: 0.72rem;
    color: var(--ln-bv-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ln-bv__channel.is-live { box-shadow: inset 3px 0 0 #10b981; }
.ln-bv__channel.is-pending { box-shadow: inset 3px 0 0 #f59e0b; }
.ln-bv__channel.is-error { box-shadow: inset 3px 0 0 #ef4444; }
.ln-bv__channel.is-off { opacity: 0.72; }

.ln-bv__channel-link {
    font-size: 0.75rem;
    font-weight: 800;
    color: var(--ch);
    text-decoration: none;
}

.ln-bv__channel-link:hover { text-decoration: underline; }

.ln-bv__cta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.ln-bv__cta .ln-bv__btn { flex: 1 1 auto; }

@keyframes ln-view-drift {
    from { transform: scale(1.1) translate3d(-1.5%, -1%, 0); }
    to { transform: scale(1.18) translate3d(2%, 1.5%, 0); }
}

.dark .ln-book-view-page {
    --ln-bv-ink: #f3efff;
    --ln-bv-muted: #b7afc9;
    --ln-bv-paper: #161422;
    --ln-bv-line: color-mix(in srgb, #c4b5fd 18%, transparent);
}

@media (max-width: 960px) {
    .ln-bv__hero-grid {
        grid-template-columns: auto minmax(0, 1fr);
        padding-right: 2.75rem;
    }

    .ln-bv__quality {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .ln-bv__hero-grid {
        grid-template-columns: 1fr;
        justify-items: start;
        gap: 1rem;
        padding: 1.1rem 2.6rem 1.1rem 1.1rem;
    }

    .ln-bv__cover { width: 5.75rem; }
    .ln-bv__cover img { transform: none; }
    .ln-bv__facts { grid-template-columns: 1fr 1fr; }
}

/* Legacy class aliases (keep progress ring helpers if referenced elsewhere) */
.ln-book-view__hero-shell--sticky { position: sticky; top: 4.5rem; z-index: 40; }

/* ========== Topbar user menu (Livronauta) ========== */
.ln-user-menu__trigger {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    max-width: 16rem;
    padding: 0.28rem 0.65rem 0.28rem 0.3rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, #514795 18%, transparent);
    background: color-mix(in srgb, #514795 10%, #ffffff);
    color: #1c1730;
    box-shadow: 0 1px 2px rgba(28, 23, 48, 0.04);
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.ln-user-menu__trigger:hover {
    background: color-mix(in srgb, #514795 16%, #ffffff);
    border-color: color-mix(in srgb, #514795 32%, transparent);
    box-shadow: 0 4px 14px rgba(81, 71, 149, 0.14);
}

.ln-user-menu__trigger-avatar {
    display: grid;
    place-items: center;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 999px;
    background: linear-gradient(145deg, #514795, #3d3574);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    flex: 0 0 auto;
}

.ln-user-menu__trigger-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.1;
}

.ln-user-menu__trigger-caret {
    width: 1rem;
    height: 1rem;
    color: color-mix(in srgb, #514795 70%, #6b647f);
    flex: 0 0 auto;
}

.fi-dropdown-panel:has(.ln-user-menu__panel) {
    padding: 0 !important;
    overflow: hidden;
    width: min(20.5rem, calc(100vw - 1.5rem)) !important;
    border-radius: 1rem !important;
    border: 1px solid color-mix(in srgb, #514795 16%, transparent) !important;
    box-shadow: 0 22px 48px rgba(20, 12, 48, 0.18) !important;
}

.ln-user-menu__panel {
    display: flex;
    flex-direction: column;
    background: #fff;
}

.ln-user-menu__header {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 1.05rem 1.05rem;
    background:
        linear-gradient(118deg, #3d3574 0%, #514795 48%, #6a5fb0 100%);
    color: #fff;
}

.ln-user-menu__header-avatar {
    display: grid;
    place-items: center;
    width: 3.15rem;
    height: 3.15rem;
    border-radius: 999px;
    background: #fff;
    color: #514795;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    box-shadow: 0 6px 16px rgba(12, 8, 28, 0.22);
    flex: 0 0 auto;
}

.ln-user-menu__header-meta {
    min-width: 0;
}

.ln-user-menu__header-name {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.ln-user-menu__header-company {
    margin: 0.2rem 0 0;
    font-size: 0.78rem;
    line-height: 1.25;
    color: rgba(255, 255, 255, 0.78);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ln-user-menu__header-badge {
    display: inline-flex;
    margin-top: 0.45rem;
    padding: 0.16rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #efeaff;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ln-user-menu__link {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    padding: 0.9rem 1.05rem;
    text-align: left;
    background: transparent;
    border: 0;
    color: inherit;
    transition: background 0.15s ease;
}

.ln-user-menu__link:hover {
    background: color-mix(in srgb, #514795 7%, #ffffff);
}

.ln-user-menu__link-icon {
    display: grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.7rem;
    background: color-mix(in srgb, #514795 12%, #fff);
    color: #514795;
    flex: 0 0 auto;
}

.ln-user-menu__link-copy {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
    padding-top: 0.1rem;
}

.ln-user-menu__link-copy strong {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1c1730;
}

.ln-user-menu__link-copy span {
    font-size: 0.76rem;
    color: #6b647f;
    line-height: 1.3;
}

.ln-user-menu__theme {
    padding: 0.35rem 0.75rem 0.55rem;
    border-top: 1px solid color-mix(in srgb, #514795 10%, transparent);
}

.ln-user-menu__footer {
    padding: 0.65rem 0.85rem 0.9rem;
    border-top: 1px solid color-mix(in srgb, #514795 10%, transparent);
}

.ln-user-menu__logout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 2.55rem;
    padding: 0.55rem 0.9rem;
    border-radius: 0.75rem;
    border: 1px solid color-mix(in srgb, #dc2626 28%, transparent);
    background: color-mix(in srgb, #dc2626 8%, #ffffff);
    color: #b91c1c;
    font-size: 0.88rem;
    font-weight: 700;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.ln-user-menu__logout:hover {
    background: color-mix(in srgb, #dc2626 14%, #ffffff);
    border-color: color-mix(in srgb, #dc2626 42%, transparent);
}

.dark .ln-user-menu__trigger {
    background: color-mix(in srgb, #514795 28%, #161422);
    border-color: color-mix(in srgb, #c4b5fd 22%, transparent);
    color: #f3efff;
}

.dark .ln-user-menu__panel {
    background: #161422;
}

.dark .ln-user-menu__link:hover {
    background: color-mix(in srgb, #514795 22%, #161422);
}

.dark .ln-user-menu__link-icon {
    background: color-mix(in srgb, #514795 28%, #161422);
    color: #c4b5fd;
}

.dark .ln-user-menu__link-copy strong {
    color: #f3efff;
}

.dark .ln-user-menu__link-copy span,
.dark .ln-user-menu__theme,
.dark .ln-user-menu__footer {
    color: #b7afc9;
    border-color: color-mix(in srgb, #c4b5fd 14%, transparent);
}

.dark .ln-user-menu__logout {
    background: color-mix(in srgb, #dc2626 16%, #161422);
    border-color: color-mix(in srgb, #f87171 35%, transparent);
    color: #fecaca;
}

@media (max-width: 640px) {
    .ln-user-menu__trigger-name {
        display: none;
    }

    .ln-user-menu__trigger {
        padding-inline: 0.3rem;
    }
}

/* ========== Topbar help & support ========== */
.ln-help {
    display: inline-flex;
    align-items: center;
    margin-inline-end: 0.15rem;
}

.ln-help__trigger {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, #514795 18%, transparent);
    background: color-mix(in srgb, #514795 10%, #ffffff);
    color: #514795;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.ln-help__trigger:hover {
    background: color-mix(in srgb, #514795 18%, #ffffff);
    border-color: color-mix(in srgb, #514795 36%, transparent);
    color: #3d3574;
    box-shadow: 0 4px 14px rgba(81, 71, 149, 0.16);
}

.ln-help__trigger-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.fi-dropdown-panel:has(.ln-help__panel) {
    padding: 0 !important;
    overflow: hidden;
    width: min(20rem, calc(100vw - 1.5rem)) !important;
    border-radius: 1rem !important;
    border: 1px solid color-mix(in srgb, #514795 16%, transparent) !important;
    box-shadow: 0 22px 48px rgba(20, 12, 48, 0.18) !important;
}

.ln-help__panel {
    display: flex;
    flex-direction: column;
    background: #fff;
}

.ln-help__header {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.7rem 0.95rem;
    border-bottom: 1px solid color-mix(in srgb, #514795 12%, transparent);
    background: color-mix(in srgb, #514795 7%, #ffffff);
    color: #3d3574;
    font-size: 0.88rem;
    font-weight: 700;
}

.ln-help__header-icon {
    display: grid;
    place-items: center;
    color: #514795;
}

.ln-help__hub {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0.7rem 0.75rem 0.35rem;
    padding: 0.7rem 0.75rem;
    border-radius: 0.85rem;
    border: 1px solid color-mix(in srgb, #514795 14%, transparent);
    background: color-mix(in srgb, #514795 6%, #ffffff);
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.ln-help__hub:hover {
    background: color-mix(in srgb, #514795 11%, #ffffff);
    border-color: color-mix(in srgb, #514795 28%, transparent);
}

.ln-help__hub-icon {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.7rem;
    background: color-mix(in srgb, #514795 16%, #ffffff);
    color: #514795;
    flex: 0 0 auto;
}

.ln-help__hub-copy {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.ln-help__hub-copy strong {
    font-size: 0.9rem;
    color: #1c1730;
    line-height: 1.2;
}

.ln-help__hub-copy span {
    font-size: 0.76rem;
    color: #6b647f;
    line-height: 1.3;
}

.ln-help__section {
    padding: 0.45rem 0.55rem 0.55rem;
}

.ln-help__section--contact {
    border-top: 1px solid color-mix(in srgb, #514795 10%, transparent);
    padding-bottom: 0.75rem;
}

.ln-help__section-title {
    margin: 0.2rem 0.4rem 0.35rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #8a8499;
}

.ln-help__faq {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    padding: 0.45rem 0.5rem;
    border-radius: 0.55rem;
    color: #2f2945;
    font-size: 0.84rem;
    line-height: 1.35;
    text-decoration: none;
    transition: background 0.12s ease;
}

.ln-help__faq > span {
    color: #9a93ab;
    font-weight: 600;
    line-height: 1.35;
}

.ln-help__faq:hover {
    background: color-mix(in srgb, #514795 8%, #ffffff);
}

.ln-help__contact {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.55rem 0.5rem;
    border-radius: 0.7rem;
    text-decoration: none;
    transition: background 0.12s ease;
}

.ln-help__contact:hover {
    background: color-mix(in srgb, #514795 8%, #ffffff);
}

.ln-help__contact-icon {
    display: grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 0.65rem;
    flex: 0 0 auto;
}

.ln-help__contact-icon--wa {
    background: #25d366;
    color: #fff;
}

.ln-help__contact-icon--mail {
    background: color-mix(in srgb, #514795 14%, #ffffff);
    color: #514795;
}

.ln-help__contact-copy {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    min-width: 0;
}

.ln-help__contact-copy strong {
    font-size: 0.88rem;
    color: #1c1730;
    line-height: 1.2;
}

.ln-help__contact-copy span {
    font-size: 0.74rem;
    color: #6b647f;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dark .ln-help__trigger {
    background: color-mix(in srgb, #514795 28%, #161422);
    border-color: color-mix(in srgb, #c4b5fd 22%, transparent);
    color: #c4b5fd;
}

.dark .ln-help__panel {
    background: #161422;
}

.dark .ln-help__header {
    background: color-mix(in srgb, #514795 22%, #161422);
    border-color: color-mix(in srgb, #c4b5fd 14%, transparent);
    color: #e9e2ff;
}

.dark .ln-help__hub {
    background: color-mix(in srgb, #514795 18%, #161422);
    border-color: color-mix(in srgb, #c4b5fd 16%, transparent);
}

.dark .ln-help__hub-copy strong,
.dark .ln-help__contact-copy strong,
.dark .ln-help__faq {
    color: #f3efff;
}

.dark .ln-help__hub-copy span,
.dark .ln-help__contact-copy span,
.dark .ln-help__section-title {
    color: #b7afc9;
}

.dark .ln-help__faq:hover,
.dark .ln-help__contact:hover {
    background: color-mix(in srgb, #514795 22%, #161422);
}

.dark .ln-help__section--contact {
    border-color: color-mix(in srgb, #c4b5fd 14%, transparent);
}

.dark .ln-help__contact-icon--mail {
    background: color-mix(in srgb, #514795 28%, #161422);
    color: #c4b5fd;
}

/* ========== Orders list ========== */
.ln-orders-body .fi-header {
    display: none;
}

.ln-orders-body .fi-wi-stats-overview,
.ln-orders-body .fi-wi-widget:has(.ln-order-stats) {
    margin-bottom: 0.85rem;
}

.ln-order-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 640px) {
    .ln-order-stats__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1100px) {
    .ln-order-stats__grid {
        grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
    }
}

/* Layout inteligente (Alpine): flex por linha, cards maiores no topo quando a 1???? linha tem menos itens */
.ln-order-stats__grid.is-smart,
.ln-book-stats__grid.is-smart,
.ln-canal-dash-stats__grid.is-smart {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.75rem;
    grid-template-columns: unset;
}

.ln-order-stats__grid.is-smart .ln-order-stat-card,
.ln-book-stats__grid.is-smart .ln-book-stat-card,
.ln-canal-dash-stats__grid.is-smart .ln-canal-dash-card {
    box-sizing: border-box;
    min-width: 0;
}

/* Dashboard: t???tulo + status sem overlap em cards estreitos */
.ln-canal-dash-stats__grid.is-smart .ln-canal-dash-card__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}

.ln-canal-dash-stats__grid.is-smart .ln-canal-dash-card__status {
    align-self: flex-start;
}

.ln-canal-dash-stats__grid.is-smart .ln-market-card__name {
    overflow-wrap: anywhere;
    line-height: 1.25;
}

/* Livros: sempre uma linha, larguras iguais e tipografia que acompanha a densidade */
.ln-book-stats__grid.is-smart.is-single-row {
    flex-wrap: nowrap;
}

.ln-book-stats__grid.is-smart.is-single-row .ln-book-stat-card {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    padding: 0.7rem 0.65rem 0.65rem;
}

.ln-book-stats__grid.is-smart.is-single-row .ln-market-card__name {
    font-size: clamp(0.58rem, 0.9vw, 0.72rem);
    letter-spacing: 0.03em;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.ln-book-stats__grid.is-smart.is-single-row .ln-market-card__total {
    font-size: clamp(0.95rem, 1.6vw, 1.2rem);
}

.ln-book-stats__grid.is-smart.is-single-row .ln-book-stat-card__market {
    font-size: clamp(0.58rem, 0.85vw, 0.66rem);
}

.ln-order-stat-card {
    min-height: 7.1rem;
    gap: 0.5rem;
}

.ln-order-stat-card__top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
}

.ln-order-stat-card__titles {
    min-width: 0;
    width: 100%;
}

.ln-order-stat-card__top .ln-market-card__name {
    margin: 0;
    padding-right: 0;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.ln-order-stat-card__market {
    margin: 0.12rem 0 0;
    font-size: 0.66rem;
    line-height: 1.2;
    color: #7a7394;
}

.dark .ln-order-stat-card__market {
    color: #a89fbf;
}

.ln-order-stat-card__trend {
    display: inline-block;
    max-width: 100%;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.25;
    white-space: normal;
    opacity: 0.92;
}

.ln-order-stat-card__trend.is-up {
    color: #15803d;
}

.ln-order-stat-card__trend.is-down {
    color: #b91c1c;
}

.ln-order-stat-card__trend.is-flat {
    color: #6b647f;
}

.ln-order-stat-card__body {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.55rem;
    margin-top: auto;
}

.ln-order-stat-card__metrics {
    min-width: 0;
}

.ln-order-stat-card__metrics .ln-market-card__total {
    margin: 0;
    line-height: 1.05;
}

.ln-order-stat-card__money {
    margin: 0.2rem 0 0;
    font-size: 0.78rem;
    font-weight: 700;
    color: color-mix(in srgb, var(--ln-market) 78%, #1c1730);
    letter-spacing: -0.01em;
    white-space: nowrap;
}

.dark .ln-order-stat-card__money {
    color: color-mix(in srgb, var(--ln-market) 55%, #f3efff);
}

.ln-order-stat-card__spark {
    width: 4.6rem;
    height: 1.75rem;
    flex: 0 0 auto;
    overflow: visible;
}

.ln-order-stat-card__spark-line {
    stroke: var(--ln-market);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ln-order-stat-card__spark-fill {
    fill: color-mix(in srgb, var(--ln-market) 22%, transparent);
}

.dark .ln-order-stat-card__trend.is-flat {
    color: #b7afc9;
}

.ln-orders {
    --ln-orders: #514795;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    animation: ln-book-fade-in 0.4s ease both;
}

.ln-orders__table {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ln-orders__bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem 0.85rem;
    padding: 0.75rem 0.9rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--ln-orders) 16%, transparent);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--ln-orders) 6%, #fff), #fff);
    box-shadow: 0 10px 28px rgba(28, 23, 48, 0.05);
}

.ln-orders__search-box {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
    min-width: 10rem;
    margin-left: auto;
    padding: 0.35rem 0.75rem;
    border-radius: 0.7rem;
    border: 1px solid color-mix(in srgb, var(--ln-orders) 18%, transparent);
    background: #fff;
}

.ln-orders__search-box svg {
    width: 1rem;
    height: 1rem;
    color: color-mix(in srgb, var(--ln-orders) 70%, #6b647f);
    flex: 0 0 auto;
}

.ln-orders__search-box input {
    width: 100%;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent;
    font-size: 0.84rem;
    color: #1c1730;
    padding: 0.25rem 0;
}

.dark .ln-orders__bar {
    background: linear-gradient(180deg, color-mix(in srgb, var(--ln-orders) 18%, #161422), #161422);
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
}

.dark .ln-orders__search-box {
    background: #161422;
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
}

.dark .ln-orders__search-box input {
    color: #f3efff;
}

.ln-orders__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-right: auto;
}

.ln-orders__canal-filter {
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    gap: 0.28rem;
    width: 15.5rem;
    min-width: 15.5rem;
    max-width: 15.5rem;
    flex: 0 0 15.5rem;
    margin-right: 0;
    order: -1;
}

.ln-orders__canal-filter-label {
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--ln-orders, #514795) 72%, #6b647f);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ln-orders__canal-filter select {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 2.35rem;
    padding: 0.42rem 0.7rem;
    border-radius: 0.7rem;
    border: 1px solid color-mix(in srgb, var(--ln-orders, #514795) 18%, transparent);
    background: #fff;
    color: #1c1730;
    font-family: var(--ln-font-ui, "Source Sans 3", "Segoe UI", system-ui, sans-serif);
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}

.ln-orders__canal-filter select:focus {
    outline: 2px solid color-mix(in srgb, var(--ln-orders, #514795) 45%, transparent);
    outline-offset: 1px;
}

.dark .ln-orders__canal-filter select {
    background: #161422;
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
    color: #f3efff;
}

.dark .ln-orders__canal-filter-label {
    color: #c4b5fd;
}

.ln-orders__status-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0 0.1rem;
}

.ln-orders__chip {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--ln-orders) 18%, transparent);
    background: color-mix(in srgb, var(--ln-orders) 6%, #fff);
    color: #514795;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.1;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.ln-orders__chip:hover {
    background: color-mix(in srgb, var(--ln-orders) 12%, #fff);
    border-color: color-mix(in srgb, var(--ln-orders) 32%, transparent);
}

.ln-orders__chip.is-active {
    background: #514795;
    border-color: #514795;
    color: #fff;
}

.dark .ln-orders__chip {
    background: color-mix(in srgb, var(--ln-orders) 18%, #161422);
    border-color: color-mix(in srgb, #c4b5fd 20%, transparent);
    color: #c4b5fd;
}

.dark .ln-orders__chip.is-active {
    background: #514795;
    color: #fff;
}

.ln-order-ref {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 7rem;
}

.ln-order-ref__id {
    font-weight: 700;
    font-size: 0.92rem;
    color: #1c1730;
    letter-spacing: -0.02em;
}

.ln-order-ref__remote {
    font-size: 0.72rem;
    color: #6b647f;
    word-break: break-all;
}

.dark .ln-order-ref__id {
    color: #f3efff;
}

.dark .ln-order-ref__remote {
    color: #b7afc9;
}

.ln-order-items {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    max-width: 18rem;
}

.ln-order-items__row {
    min-width: 0;
}

.ln-order-items__row.is-missing {
    font-size: 0.78rem;
    color: #b91c1c;
    font-style: italic;
}

.ln-order-items__link {
    display: flex;
    gap: 0.35rem;
    align-items: baseline;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}

.ln-order-items__link:hover .ln-order-items__title {
    color: #514795;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ln-order-items__qty {
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 700;
    color: #514795;
}

.ln-order-items__title {
    font-size: 0.8rem;
    line-height: 1.25;
    color: #1c1730;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ln-order-items__more,
.ln-order-items__empty {
    font-size: 0.72rem;
    color: #6b647f;
}

.dark .ln-order-items__title {
    color: #f3efff;
}

.ln-orders-date {
    display: inline-flex;
    flex-direction: column;
    gap: 0.1rem;
    line-height: 1.2;
}

.ln-orders-date strong {
    font-size: 0.84rem;
    color: #1c1730;
}

.ln-orders-date small {
    font-size: 0.72rem;
    color: #6b647f;
}

.dark .ln-orders-date strong {
    color: #f3efff;
}

.ln-orders-col-total {
    font-weight: 700;
    white-space: nowrap;
}

.ln-order-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 8.75rem;
    width: 8.75rem;
    padding: 0.22rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    border: 1px solid transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ln-order-status--neutral {
    background: color-mix(in srgb, #514795 10%, #fff);
    border-color: color-mix(in srgb, #514795 18%, transparent);
    color: #514795;
}

.ln-order-status--progress {
    background: color-mix(in srgb, #2563eb 12%, #fff);
    border-color: color-mix(in srgb, #2563eb 28%, transparent);
    color: #1d4ed8;
}

.ln-order-status--ship {
    background: color-mix(in srgb, #0891b2 12%, #fff);
    border-color: color-mix(in srgb, #0891b2 28%, transparent);
    color: #0e7490;
}

.ln-order-status--done {
    background: color-mix(in srgb, #16a34a 12%, #fff);
    border-color: color-mix(in srgb, #16a34a 28%, transparent);
    color: #15803d;
}

.ln-order-status--danger {
    background: color-mix(in srgb, #dc2626 10%, #fff);
    border-color: color-mix(in srgb, #dc2626 28%, transparent);
    color: #b91c1c;
}

.ln-order-channel {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.05rem;
    position: relative;
    box-sizing: border-box;
    width: 13rem;
    min-width: 13rem;
    max-width: 13rem;
    padding: 0.3rem 0.55rem 0.3rem 1.15rem;
    border-radius: 0.65rem;
    font-family: var(--ln-font-ui);
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: -0.015em;
    color: #fff;
    background: color-mix(in srgb, var(--ch, #514795) 88%, #000);
    border: 1px solid color-mix(in srgb, var(--ch, #514795) 40%, #fff);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.ln-order-channel::before {
    content: "";
    position: absolute;
    left: 0.45rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 999px;
    background: #fff;
}

.ln-order-channel__name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
}

.ln-order-channel__sub {
    display: block;
    max-width: 100%;
    font-size: 0.62rem;
    font-weight: 500;
    letter-spacing: 0;
    opacity: 0.88;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ln-order-channel--unknown {
    opacity: 0.88;
}

.ln-order-channel--empty {
    background: #e8e4f2;
    color: #6b647f;
    border-color: transparent;
    width: 13rem;
    min-width: 13rem;
    max-width: 13rem;
    padding-left: 0.55rem;
}

.ln-order-channel--empty::before {
    display: none;
}

.ln-orders-body .fi-ta-actions {
    gap: 0.35rem;
    flex-direction: column;
    align-items: stretch;
    min-width: 7.25rem;
}

.ln-orders-body .fi-ta-actions .fi-ac-btn-action,
.ln-orders-body .fi-ta-actions .ln-row-action,
.ln-orders-body .fi-ta-actions a,
.ln-orders-body .fi-ta-actions button {
    width: 100% !important;
    min-width: 7.25rem;
    justify-content: center !important;
}

@media (max-width: 640px) {
    .ln-orders__bar {
        padding: 0.65rem;
    }

    .ln-orders__search-box {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin-left: 0;
    }

    .ln-orders__actions {
        margin-right: 0;
        width: 100%;
    }

    .ln-order-items {
        max-width: 12rem;
    }
}

/* ========== Order view showcase ========== */
.ln-order-view-body .fi-header {
    display: none;
}

.ln-order-view-page {
    --ln-orders: #514795;
}

.ln-order-view {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    animation: ln-book-fade-in 0.45s ease both;
}

.ln-order-view__hero {
    position: relative;
    overflow: hidden;
    border-radius: 1.25rem;
    isolation: isolate;
    min-height: 10.5rem;
    box-shadow: 0 16px 40px rgba(20, 12, 48, 0.18);
}

.ln-order-view__hero-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(115deg, color-mix(in srgb, #514795 92%, #120c28) 0%, color-mix(in srgb, #514795 68%, #2a1f55) 52%, color-mix(in srgb, #1a1433 78%, #514795) 100%);
}

.ln-order-view__hero-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem 1.5rem;
    padding: 1.35rem 1.4rem;
}

.ln-order-view__meta {
    min-width: 0;
    color: #f4f1ff;
}

.ln-order-view__eyebrow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin: 0 0 0.4rem;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(244, 241, 255, 0.72);
    font-weight: 600;
}

.ln-order-view__title {
    margin: 0;
    font-family: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #fff;
}

.ln-order-view__byline {
    margin: 0.4rem 0 0.85rem;
    font-size: 0.95rem;
    color: rgba(244, 241, 255, 0.82);
}

.ln-order-view__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.ln-order-view__hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.ln-order-view__hero-actions .ln-books__btn--ghost {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.28);
    color: #fff;
}

.ln-order-view__hero-actions .ln-books__btn--ghost:hover {
    background: rgba(255, 255, 255, 0.18);
}

/* ========== Order timeline (compact stepper) ========== */
.ln-order-timeline {
    container-type: inline-size;
    container-name: order-timeline;
    border: 1px solid color-mix(in srgb, #514795 14%, transparent);
    border-radius: 0.85rem;
    background: color-mix(in srgb, #514795 4%, #fff);
    padding: 0.7rem 0.85rem 0.75rem;
    animation: ln-book-fade-in 0.4s ease 0.06s both;
}

.ln-order-timeline__rail {
    --ln-tl-dot: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0;
    min-inline-size: 0;
    position: relative;
}

.ln-order-timeline__step {
    --badge: #6b6288;
    position: relative;
    flex: 1 1 0;
    min-inline-size: 0;
    display: grid;
    justify-items: center;
    gap: 0.28rem;
    padding: 0 0.2rem;
    text-align: center;
    cursor: default;
}

.ln-order-timeline__step:not(:last-child)::before {
    content: "";
    position: absolute;
    top: calc(var(--ln-tl-dot) / 2);
    left: calc(50% + var(--ln-tl-dot) / 2 + 0.15rem);
    right: calc(-50% + var(--ln-tl-dot) / 2 + 0.15rem);
    height: 1.5px;
    background: color-mix(in srgb, #514795 18%, #d8d3e8);
    z-index: 0;
}

.ln-order-timeline__dot {
    position: relative;
    z-index: 1;
    width: var(--ln-tl-dot);
    height: var(--ln-tl-dot);
    border-radius: 999px;
    background: var(--badge);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--badge) 14%, #fff);
}

.ln-order-timeline__label {
    display: block;
    max-inline-size: 100%;
    font-family: var(--ln-font-ui);
    font-size: clamp(0.58rem, 1.35cqi, 0.72rem);
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.2;
    color: color-mix(in srgb, var(--badge) 35%, #2a2540);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ln-order-timeline__time {
    display: block;
    max-inline-size: 100%;
    font-family: var(--ln-font-ui);
    font-size: clamp(0.5rem, 1.1cqi, 0.62rem);
    font-weight: 550;
    font-variant-numeric: tabular-nums;
    color: #8a849e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ln-order-timeline__step.is-neutral { --badge: #6b6288; }
.ln-order-timeline__step.is-progress { --badge: #2563eb; }
.ln-order-timeline__step.is-status { --badge: #514795; }
.ln-order-timeline__step.is-stock { --badge: #0f766e; }
.ln-order-timeline__step.is-note { --badge: #7c6f9e; }
.ln-order-timeline__step.is-ship { --badge: #0369a1; }
.ln-order-timeline__step.is-done { --badge: #15803d; }
.ln-order-timeline__step.is-current {
    --badge: #dc2626; /* fase atual — vermelho para destacar o andamento */
}
.ln-order-timeline__step.is-current .ln-order-timeline__dot,
.ln-order-timeline__step.is-danger .ln-order-timeline__dot,
.ln-order-timeline__step.is-done .ln-order-timeline__dot {
    width: 0.68rem;
    height: 0.68rem;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--badge) 18%, #fff), 0 0 0 6px color-mix(in srgb, var(--badge) 10%, transparent);
}
/* Pulso suave só na fase atual (não pisca on/off) */
.ln-order-timeline__step.is-current .ln-order-timeline__dot {
    animation: ln-order-timeline-pulse 1.6s ease-in-out infinite;
}
@keyframes ln-order-timeline-pulse {
    0%, 100% {
        box-shadow:
            0 0 0 3px color-mix(in srgb, var(--badge) 22%, #fff),
            0 0 0 6px color-mix(in srgb, var(--badge) 12%, transparent);
        transform: scale(1);
    }
    50% {
        box-shadow:
            0 0 0 4px color-mix(in srgb, var(--badge) 40%, #fff),
            0 0 0 10px color-mix(in srgb, var(--badge) 18%, transparent);
        transform: scale(1.12);
    }
}
@media (prefers-reduced-motion: reduce) {
    .ln-order-timeline__step.is-current .ln-order-timeline__dot {
        animation: none;
    }
}
.ln-order-timeline__step.is-danger { --badge: #dc2626; }
.ln-order-timeline__step.is-current .ln-order-timeline__label,
.ln-order-timeline__step.is-danger .ln-order-timeline__label,
.ln-order-timeline__step.is-done .ln-order-timeline__label {
    color: var(--badge);
}

.ln-order-timeline__step:hover .ln-order-timeline__label {
    text-decoration: underline;
    text-underline-offset: 2px;
}

@container order-timeline (max-width: 560px) {
    .ln-order-timeline {
        padding: 0.55rem 0.45rem 0.6rem;
    }

    .ln-order-timeline__label {
        font-size: 0.56rem;
    }

    .ln-order-timeline__time {
        font-size: 0.5rem;
    }
}

.dark .ln-order-timeline {
    background: color-mix(in srgb, #514795 16%, #1a1628);
    border-color: color-mix(in srgb, #514795 28%, transparent);
}

.dark .ln-order-timeline__step:not(:last-child)::before {
    background: color-mix(in srgb, #c4b5fd 28%, transparent);
}

.dark .ln-order-timeline__dot {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--badge) 22%, #1a1628);
}

.dark .ln-order-timeline__label {
    color: color-mix(in srgb, var(--badge) 40%, #f3efff);
}

.dark .ln-order-timeline__time {
    color: #a89fc4;
}

.dark .ln-order-timeline__step.is-current .ln-order-timeline__dot,
.dark .ln-order-timeline__step.is-danger .ln-order-timeline__dot,
.dark .ln-order-timeline__step.is-done .ln-order-timeline__dot {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--badge) 25%, #1a1628), 0 0 0 6px color-mix(in srgb, var(--badge) 12%, transparent);
}

.ln-order-view__body {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(16rem, 0.85fr);
    gap: 1.1rem;
    align-items: start;
}

.ln-order-view__main,
.ln-order-view__side {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ln-order-view__panel {
    border: 1px solid color-mix(in srgb, #514795 18%, transparent);
    border-radius: 1.1rem;
    background: linear-gradient(180deg, color-mix(in srgb, #514795 5%, #fff), #fff);
    box-shadow: 0 10px 28px rgba(28, 23, 48, 0.05);
    padding: 1.15rem 1.25rem 1.25rem;
}

.ln-order-view__panel h2 {
    margin: 0 0 0.85rem;
    font-family: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
    font-size: 1.12rem;
    font-weight: 600;
    color: #1c1730;
    letter-spacing: -0.02em;
}

.ln-order-view__items {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ln-order-view__item {
    display: grid;
    grid-template-columns: 3.4rem minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
    padding: 0.65rem;
    border-radius: 0.85rem;
    border: 1px solid color-mix(in srgb, #514795 10%, transparent);
    background: color-mix(in srgb, #514795 3%, #fff);
}

.ln-order-view__item.is-missing {
    opacity: 0.75;
}

.ln-order-view__item-cover {
    display: block;
    width: 3.4rem;
    aspect-ratio: 2 / 3;
    padding: 0;
    border: 0;
    border-radius: 0.35rem;
    overflow: hidden;
    cursor: zoom-in;
    background: #eceaf3;
    box-shadow: 0 8px 16px rgba(20, 12, 40, 0.16);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.ln-order-view__item-cover:hover {
    transform: scale(1.04);
    box-shadow: 0 10px 20px rgba(20, 12, 40, 0.22);
}

.ln-order-view__item-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ln-order-view__item-title {
    display: block;
    font-size: 0.95rem;
    font-weight: 700;
    color: #1c1730;
    text-decoration: none;
    line-height: 1.3;
}

a.ln-order-view__item-title:hover {
    color: #514795;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ln-order-view__item-sub {
    margin: 0.25rem 0 0;
    font-size: 0.78rem;
    color: #6b647f;
    line-height: 1.35;
}

.ln-order-view__empty {
    color: #6b647f;
    font-style: italic;
}

.ln-order-view__facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 0.9rem;
    margin: 0;
}

.ln-order-view__fact {
    min-width: 0;
    padding: 0.55rem 0.65rem;
    border-radius: 0.7rem;
    background: color-mix(in srgb, #514795 4%, #fff);
    border: 1px solid color-mix(in srgb, #514795 10%, transparent);
}

.ln-order-view__facts dt {
    margin: 0;
    font-size: 0.66rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #6b647f;
    font-weight: 700;
}

.ln-order-view__facts dd {
    margin: 0.28rem 0 0;
    font-size: 0.9rem;
    color: #1c1730;
    font-weight: 650;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.ln-order-view__facts dd.is-muted {
    color: #8a849e;
    font-weight: 550;
}

.ln-order-view__facts dd a {
    color: #514795;
    text-decoration: none;
}

.ln-order-view__facts dd a:hover {
    text-decoration: underline;
}

.ln-order-view__facts dd small {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.74rem;
    font-weight: 500;
    color: #6b647f;
}

.ln-order-view__fact-channel {
    display: block;
}

.ln-order-view__facts-full {
    grid-column: 1 / -1;
}

.ln-order-view__fact--total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.7rem 0.85rem;
    background: color-mix(in srgb, #514795 9%, #fff);
    border-color: color-mix(in srgb, #514795 20%, transparent);
}

.ln-order-view__fact--total dt {
    margin: 0;
}

.ln-order-view__fact--total dd {
    margin: 0;
    text-align: right;
}

.ln-order-view__total {
    font-size: 1.2rem !important;
    font-weight: 750 !important;
    color: #514795 !important;
    font-variant-numeric: tabular-nums;
}

.dark .ln-order-view__fact {
    background: color-mix(in srgb, #514795 14%, #161422);
    border-color: color-mix(in srgb, #c4b5fd 12%, transparent);
}

.dark .ln-order-view__fact--total {
    background: color-mix(in srgb, #514795 22%, #161422);
}

.ln-order-view__finance-title {
    margin: 1rem 0 0.55rem;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b647f;
}

.ln-order-view__facts--finance {
    margin-top: 0;
}

.ln-order-view__fact--net {
    border-color: color-mix(in srgb, #16a34a 28%, transparent);
    background: color-mix(in srgb, #16a34a 8%, #fff);
}

.ln-order-view__fact--net dd {
    font-weight: 750;
    color: #166534;
    font-variant-numeric: tabular-nums;
}

.dark .ln-order-view__finance-title {
    color: #a9a3c4;
}

.dark .ln-order-view__fact--net {
    background: color-mix(in srgb, #16a34a 16%, #161422);
    border-color: color-mix(in srgb, #4ade80 28%, transparent);
}

.dark .ln-order-view__fact--net dd {
    color: #86efac;
}

.ln-order-view__shipping {
    margin: 0;
    display: grid;
    gap: 0.85rem;
    font-size: 0.88rem;
    line-height: 1.45;
    color: #1c1730;
}

.ln-order-view__ship-block h3 {
    margin: 0 0 0.4rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6b6685;
}

.ln-order-view__ship-block dl {
    margin: 0;
    display: grid;
    gap: 0.28rem;
}

.ln-order-view__ship-row {
    display: grid;
    grid-template-columns: minmax(6.5rem, 38%) minmax(0, 1fr);
    gap: 0.35rem 0.65rem;
    align-items: baseline;
}

.ln-order-view__ship-row dt {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 650;
    color: #6b6685;
}

.ln-order-view__ship-row dd {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 550;
    color: #1c1730;
    overflow-wrap: anywhere;
}

.dark .ln-order-view__ship-block h3,
.dark .ln-order-view__ship-row dt {
    color: #a89fc4;
}

.dark .ln-order-view__ship-row dd {
    color: #f3efff;
}

.ln-order-view__notes {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ln-order-view__notes li {
    padding: 0.75rem 0.85rem;
    border-radius: 0.75rem;
    background: color-mix(in srgb, #514795 5%, #fff);
    border: 1px solid color-mix(in srgb, #514795 12%, transparent);
}

.ln-order-view__notes time {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6b647f;
    margin-bottom: 0.3rem;
}

.ln-order-view__notes p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #1c1730;
    white-space: pre-line;
}

.ln-order-view__panel--manage {
    background: linear-gradient(180deg, color-mix(in srgb, #514795 8%, #fff), #fff);
}

.ln-order-view__form {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ln-order-view__save {
    align-self: flex-start;
}

.dark .ln-order-view__panel {
    background: linear-gradient(180deg, color-mix(in srgb, #514795 18%, #161422), #161422);
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
}

.dark .ln-order-view__panel h2,
.dark .ln-order-view__item-title,
.dark .ln-order-view__facts dd,
.dark .ln-order-view__notes p {
    color: #f3efff;
}

.dark .ln-order-view__item,
.dark .ln-order-view__notes li {
    background: color-mix(in srgb, #514795 14%, #161422);
    border-color: color-mix(in srgb, #c4b5fd 14%, transparent);
}

@media (max-width: 960px) {
    .ln-order-view__body {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .ln-order-view__hero-inner {
        padding: 1.1rem;
    }

    .ln-order-view__hero-actions {
        width: 100%;
    }

    .ln-order-view__hero-actions .ln-books__btn {
        flex: 1 1 auto;
        justify-content: center;
    }
}

/* ========== Canais create ========== */
.ln-canais-create-page .fi-header,
.ln-canais-create-body .fi-header {
    display: none !important;
}

.ln-canais-create {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    animation: ln-book-fade-in 0.4s ease both;
}

.ln-canais-hero__back {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 0.88rem;
    font-weight: 600;
    padding: 0.6rem 0.95rem;
    text-decoration: none;
    transition: background 0.15s;
}

.ln-canais-hero__back:hover {
    background: rgba(255, 255, 255, 0.22);
}

.ln-canais-hero__back svg {
    width: 0.95rem;
    height: 0.95rem;
}

.ln-canais-create__layout {
    display: grid;
    gap: 1rem;
    align-items: start;
}

@media (min-width: 960px) {
    .ln-canais-create__layout {
        grid-template-columns: 1fr 20rem;
    }
}

.ln-canais-create__main {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.ln-canais-panel {
    border-radius: 1rem;
    border: 1px solid #e8e5f0;
    background: #fff;
    overflow: hidden;
}

.ln-canais-panel--soft {
    background: #f8f6ff;
    border-color: #e0dbf2;
}

.dark .ln-canais-panel {
    background: #161422;
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
}

.dark .ln-canais-panel--soft {
    background: color-mix(in srgb, #514795 10%, #161422);
}

.ln-canais-panel__head {
    padding: 1rem 1.25rem 0.8rem;
    border-bottom: 1px solid #e8e5f0;
}

.dark .ln-canais-panel__head {
    border-color: color-mix(in srgb, #c4b5fd 14%, transparent);
}

.ln-canais-panel__head h2 {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 700;
    color: #1c1730;
}

.dark .ln-canais-panel__head h2 {
    color: #f3efff;
}

.ln-canais-panel__head p {
    margin: 0.15rem 0 0;
    font-size: 0.82rem;
    color: #6b647f;
}

.ln-canais-panel__body {
    padding: 1.1rem 1.25rem;
}

.ln-canais-note {
    margin: 0;
    font-size: 0.86rem;
    color: #3b3550;
    line-height: 1.55;
}

.dark .ln-canais-note {
    color: #c4b5fd;
}

.ln-canais-providers {
    margin: 0.75rem 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.ln-canais-providers li {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.28rem 0.65rem 0.28rem 0.35rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--ch) 28%, transparent);
    background: color-mix(in srgb, var(--ch) 9%, #fff);
    font-size: 0.78rem;
    font-weight: 600;
    color: color-mix(in srgb, var(--ch) 80%, #1c1730);
}

.ln-canais-providers li img {
    width: 1.15rem;
    height: 1.15rem;
    object-fit: contain;
    border-radius: 0.25rem;
}

.dark .ln-canais-providers li {
    background: color-mix(in srgb, var(--ch) 18%, #161422);
}

.ln-canais-create__aside {
    position: sticky;
    top: 1.25rem;
}

.ln-canais-preview {
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background-image: linear-gradient(135deg, #514795 0%, #3d3580 100%);
    padding: 1.1rem 1.2rem;
    color: #fff;
}

.ln-canais-preview__eyebrow {
    margin: 0;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
}

.ln-canais-preview__hint {
    margin: 0.2rem 0 0;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.55);
}

.ln-canais-preview__body {
    margin-top: 1rem;
    padding: 0.85rem;
    border-radius: 0.65rem;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.ln-canais-preview__name {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
}

.ln-canais-preview__meta {
    margin: 0.2rem 0 0;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.65);
}

.ln-canais-preview__facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
    margin-top: 0.75rem;
}

.ln-canais-preview__facts div {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.45rem 0.55rem;
    border-radius: 0.45rem;
    background: rgba(0, 0, 0, 0.18);
}

.ln-canais-preview__facts span {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(255, 255, 255, 0.55);
}

.ln-canais-preview__facts strong {
    font-size: 0.78rem;
    font-weight: 700;
    color: #fff;
}

.ln-canais-preview__tip {
    margin: 0.65rem 0 0;
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
}

.ln-canais-create-body .fi-form-actions,
.ln-canais-manage-body .fi-form-actions {
    position: sticky;
    bottom: 0.75rem;
    z-index: 20;
    margin-top: 0.85rem;
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    border: 1px solid #e8e5f0;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 28px rgba(28, 24, 48, 0.08);
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dark .ln-canais-create-body .fi-form-actions,
.dark .ln-canais-manage-body .fi-form-actions {
    background: rgba(22, 20, 34, 0.96);
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
}

.ln-canais-status__mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.78rem;
    font-weight: 600;
}

.ln-canais-providers li.is-selected {
    border-color: var(--ch, #514795);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ch, #514795) 35%, transparent);
    background: color-mix(in srgb, var(--ch, #514795) 8%, #fff);
}


.ln-canais-page .fi-header,
.ln-canais-body .fi-header {
    display: none !important;
}

.ln-canais {
    --ln-canais: #514795;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    animation: ln-book-fade-in 0.4s ease both;
}

.ln-canais-hero {
    overflow: hidden;
    border-radius: 1rem;
    padding: 1.2rem 1.25rem;
    color: #fff;
    background-image: linear-gradient(135deg, #514795 0%, #3d3580 55%, #2f2868 100%);
    box-shadow: 0 12px 28px rgba(81, 71, 149, 0.22);
}

.ln-canais-hero__inner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (min-width: 960px) {
    .ln-canais-hero {
        padding: 1.4rem 1.75rem;
    }

    .ln-canais-hero__inner {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1.5rem;
    }
}

.ln-canais-hero__badge {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.14);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #efeaff;
}

.ln-canais-hero__title {
    margin: 0.7rem 0 0;
    font-size: clamp(1.35rem, 2.2vw, 1.85rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: #fff;
}

.ln-canais-hero__text {
    margin: 0.65rem 0 0;
    max-width: 40rem;
    font-size: 0.9rem;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.88);
}

.ln-canais-hero__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    background: #fff;
    color: #514795;
    font-size: 0.9rem;
    font-weight: 700;
    padding: 0.65rem 1rem;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(28, 24, 48, 0.12);
    transition: background 0.15s ease, transform 0.15s ease;
}

.ln-canais-hero__cta:hover {
    background: #f3efff;
    color: #3d3580;
}

.ln-canais-hero__cta svg {
    width: 1rem;
    height: 1rem;
}

.ln-canais__stats {
    margin: 0;
}

.ln-canais-body .ln-canais__stats .fi-wi-widget {
    margin: 0;
}

.ln-canal-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 640px) {
    .ln-canal-stats__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1100px) {
    .ln-canal-stats__grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.ln-canal-stat-card {
    min-height: 5.5rem;
}

.ln-canais__section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.ln-canais__section-head h2 {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6b647f;
}

.ln-canais__table {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border-radius: 1rem;
    border: 1px solid #e8e5f0;
    background: #fff;
    padding: 0.35rem;
    overflow: hidden;
}

.dark .ln-canais__table {
    background: #161422;
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
}

.ln-canal-nome {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.ln-canal-nome__logo {
    width: 2.85rem;
    height: 2.85rem;
    object-fit: contain;
    flex: 0 0 auto;
    border-radius: 0.6rem;
    padding: 0.2rem;
    background: color-mix(in srgb, var(--ch) 12%, #fff);
    border: 1px solid color-mix(in srgb, var(--ch) 28%, transparent);
}

.dark .ln-canal-nome__logo {
    background: color-mix(in srgb, var(--ch) 22%, #161422);
}

.ln-canal-nome__text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
}

.ln-canal-nome__text strong {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1c1730;
    line-height: 1.2;
}

.ln-canal-nome__text small {
    font-size: 0.72rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    color: #6b647f;
}

.dark .ln-canal-nome__text strong {
    color: #f3efff;
}

.ln-canal-status {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    border: 1px solid transparent;
}

.ln-canal-status.is-connected {
    color: #166534;
    background: color-mix(in srgb, #22c55e 16%, #fff);
    border-color: color-mix(in srgb, #22c55e 35%, transparent);
}

.ln-canal-status.is-pending {
    color: #9a3412;
    background: color-mix(in srgb, #f59e0b 16%, #fff);
    border-color: color-mix(in srgb, #f59e0b 35%, transparent);
}

.ln-canal-status.is-disabled {
    color: #6b647f;
    background: color-mix(in srgb, #6b647f 12%, #fff);
    border-color: color-mix(in srgb, #6b647f 28%, transparent);
}

.dark .ln-canal-status.is-connected {
    color: #bbf7d0;
    background: color-mix(in srgb, #22c55e 22%, #161422);
}

.dark .ln-canal-status.is-pending {
    color: #fed7aa;
    background: color-mix(in srgb, #f59e0b 22%, #161422);
}

.ln-canal-conta,
.ln-canal-markup {
    font-size: 0.84rem;
    color: #3b3550;
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
}

.dark .ln-canal-conta,
.dark .ln-canal-markup {
    color: #e8e2f7;
}

.ln-canal-ativo {
    font-size: 0.78rem;
    font-weight: 700;
}

.ln-canal-ativo.is-yes {
    color: #15803d;
}

.ln-canal-ativo.is-no {
    color: #6b647f;
}

.dark .ln-canal-ativo.is-yes {
    color: #86efac;
}

.ln-canal-gerenciar {
    font-weight: 700 !important;
    color: #514795 !important;
}

.ln-canais-body .fi-ta-actions {
    gap: 0.35rem;
}

@media (max-width: 640px) {
    .ln-canais-hero__cta {
        width: 100%;
    }
}

.ln-canais-manage {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    animation: ln-book-fade-in 0.4s ease both;
}

.ln-canais-manage-page .fi-header,
.ln-canais-manage-body .fi-header {
    display: none !important;
}

.ln-canais-manage__layout {
    display: grid;
    gap: 1rem;
    align-items: start;
}

@media (min-width: 960px) {
    .ln-canais-manage__layout {
        grid-template-columns: 1fr 20rem;
    }
}

.ln-canais-status {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.ln-canais-status__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.84rem;
}

.ln-canais-status__row > span:first-child {
    color: #6b647f;
}

.ln-canais-status__row strong {
    color: #1c1730;
    font-weight: 700;
    text-align: right;
}

.dark .ln-canais-status__row strong {
    color: #f3efff;
}

.ln-canais-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.ln-canais-hero__cta--ghost {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.28);
    box-shadow: none;
}

.ln-canais-hero__cta--ghost:hover {
    background: rgba(255, 255, 255, 0.2);
}

.ln-canais-status__block {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.84rem;
}

.ln-canais-status__block > span:first-child {
    color: #6b647f;
}

.ln-canais-status__list {
    margin: 0;
    padding-left: 1.1rem;
    color: #1c1730;
    font-weight: 600;
}

.dark .ln-canais-status__list {
    color: #f3efff;
}

.ln-shopee-account {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.55rem;
    margin-bottom: 0.75rem;
}

@media (min-width: 640px) {
    .ln-shopee-account {
        grid-template-columns: 1fr 1fr;
    }
}

.ln-shopee-account > div {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.55rem 0.65rem;
    border-radius: 0.55rem;
    border: 1px solid #ebe7f2;
    background: #faf9fc;
}

.dark .ln-shopee-account > div {
    border-color: color-mix(in srgb, #c4b5fd 16%, transparent);
    background: color-mix(in srgb, #1c1830 80%, transparent);
}

.ln-shopee-account span {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6b647f;
}

.ln-shopee-account strong {
    font-size: 0.88rem;
    color: #1c1730;
}

.dark .ln-shopee-account strong {
    color: #f3efff;
}

.ln-markup-apply {
    margin-top: 0.15rem;
    padding: 0;
    border: 0;
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.dark .ln-markup-apply {
    border: 0;
    background: transparent;
}

.ln-markup-apply__head {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.ln-markup-apply__eyebrow,
.ln-markup-tiers__eyebrow {
    margin: 0;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #514795;
}

.dark .ln-markup-apply__eyebrow,
.dark .ln-markup-tiers__eyebrow {
    color: #c4b5fd;
}

.ln-markup-apply__title,
.ln-markup-tiers__title {
    margin: 0;
    font-family: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #1c1730;
}

.dark .ln-markup-apply__title,
.dark .ln-markup-tiers__title {
    color: #f3efff;
}

.ln-markup-panel__badges {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (max-width: 720px) {
    .ln-markup-panel__badges {
        grid-template-columns: 1fr;
    }
}

.ln-markup-badge {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 1rem 1.05rem;
    border-radius: 1rem;
    border: 1.5px solid color-mix(in srgb, #514795 14%, #d8d3e8);
    background: #f7f5fb;
    box-shadow: none;
    cursor: pointer;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease, background 0.16s ease, color 0.16s ease, opacity 0.16s ease;
    font: inherit;
    color: inherit;
    opacity: 0.78;
}

.ln-markup-badge:hover {
    transform: translateY(-1px);
    opacity: 0.95;
    border-color: color-mix(in srgb, #514795 36%, transparent);
    background: #fff;
    box-shadow: 0 10px 22px rgba(28, 23, 48, 0.07);
}

.ln-markup-badge.is-active {
    opacity: 1;
    border-color: #514795;
    background:
        linear-gradient(145deg, color-mix(in srgb, #514795 18%, #fff) 0%, #fff 48%, color-mix(in srgb, #514795 8%, #fff) 100%);
    box-shadow:
        0 0 0 3px color-mix(in srgb, #514795 28%, transparent),
        0 14px 30px rgba(81, 71, 149, 0.18);
}

.ln-markup-badge.is-active::after {
    content: "Selecionado";
    position: absolute;
    top: 0.55rem;
    right: 0.6rem;
    padding: 0.18rem 0.45rem;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 750;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #fff;
    background: #514795;
    line-height: 1.2;
}

.ln-markup-badge--warn.is-active {
    border-color: #c2410c;
    background:
        linear-gradient(145deg, color-mix(in srgb, #f59e0b 22%, #fff) 0%, #fff 50%, color-mix(in srgb, #f59e0b 10%, #fff) 100%);
    box-shadow:
        0 0 0 3px color-mix(in srgb, #f59e0b 30%, transparent),
        0 14px 30px rgba(194, 65, 12, 0.14);
}

.ln-markup-badge--warn.is-active::after {
    background: #c2410c;
}

.dark .ln-markup-badge {
    background: #1a1628;
    border-color: color-mix(in srgb, #514795 28%, transparent);
    opacity: 0.72;
}

.dark .ln-markup-badge:hover {
    opacity: 0.92;
    background: #201c32;
}

.dark .ln-markup-badge.is-active {
    opacity: 1;
    border-color: #a78bfa;
    background: linear-gradient(145deg, color-mix(in srgb, #514795 42%, #1a1628) 0%, #1a1628 100%);
    box-shadow:
        0 0 0 3px color-mix(in srgb, #a78bfa 28%, transparent),
        0 14px 30px rgba(0, 0, 0, 0.28);
}

.dark .ln-markup-badge.is-active::after {
    background: #7c6af0;
    color: #fff;
}

.dark .ln-markup-badge--warn.is-active {
    border-color: #fb923c;
    background: linear-gradient(145deg, color-mix(in srgb, #f59e0b 28%, #1a1628) 0%, #1a1628 100%);
}

.dark .ln-markup-badge--warn.is-active::after {
    background: #ea580c;
}

.ln-markup-badge__icon {
    flex-shrink: 0;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.75rem;
    display: grid;
    place-items: center;
    font-size: 1rem;
    font-weight: 700;
    color: #6b6685;
    background: color-mix(in srgb, #514795 8%, #fff);
    border: 1px solid color-mix(in srgb, #514795 12%, transparent);
    transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}

.ln-markup-badge.is-active .ln-markup-badge__icon {
    color: #fff;
    background: #514795;
    border-color: #514795;
}

.ln-markup-badge--warn .ln-markup-badge__icon {
    color: #92400e;
    background: color-mix(in srgb, #f59e0b 12%, #fff);
    border-color: color-mix(in srgb, #f59e0b 22%, transparent);
}

.ln-markup-badge--warn.is-active .ln-markup-badge__icon {
    color: #fff;
    background: #c2410c;
    border-color: #c2410c;
}

.dark .ln-markup-badge__icon {
    background: color-mix(in srgb, #514795 18%, #161422);
    color: #a89fc4;
    border-color: color-mix(in srgb, #514795 24%, transparent);
}

.dark .ln-markup-badge.is-active .ln-markup-badge__icon {
    background: #7c6af0;
    color: #fff;
    border-color: #7c6af0;
}

.ln-markup-badge__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding-right: 4.5rem;
}

.ln-markup-badge__body strong {
    font-size: 0.95rem;
    font-weight: 700;
    color: #5b5670;
}

.ln-markup-badge.is-active .ln-markup-badge__body strong {
    color: #1c1730;
}

.ln-markup-badge__body small {
    font-size: 0.8rem;
    line-height: 1.35;
    color: #8a849e;
}

.ln-markup-badge.is-active .ln-markup-badge__body small {
    color: #4a4460;
}

.dark .ln-markup-badge__body strong {
    color: #9b94b5;
}

.dark .ln-markup-badge.is-active .ln-markup-badge__body strong {
    color: #f3efff;
}

.dark .ln-markup-badge__body small {
    color: #7d7696;
}

.dark .ln-markup-badge.is-active .ln-markup-badge__body small {
    color: #c9c0e0;
}

.ln-markup-badge:disabled,
.ln-markup-badge[disabled] {
    opacity: 0.55;
    pointer-events: none;
}

@media (max-width: 520px) {
    .ln-markup-badge.is-active::after {
        top: 0.4rem;
        right: 0.4rem;
        font-size: 0.58rem;
        padding: 0.14rem 0.38rem;
    }

    .ln-markup-badge__body {
        padding-right: 4.1rem;
    }
}

.ln-markup-tiers {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin-top: 0.15rem;
    padding: 1.05rem 1.1rem 1.15rem;
    border-radius: 1.15rem;
    border: 1px solid color-mix(in srgb, #514795 14%, transparent);
    background:
        linear-gradient(165deg, color-mix(in srgb, #514795 5%, #fff) 0%, #fff 42%, color-mix(in srgb, #514795 2%, #faf9fc) 100%);
    box-shadow: 0 10px 28px rgba(28, 23, 48, 0.05);
}

.dark .ln-markup-tiers {
    background: linear-gradient(165deg, color-mix(in srgb, #514795 18%, #1a1628) 0%, #1a1628 100%);
    border-color: color-mix(in srgb, #514795 28%, transparent);
}

.ln-markup-tiers__head {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.ln-markup-tiers__hint {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.45;
    color: #6b647f;
}

.dark .ln-markup-tiers__hint {
    color: #a8a3b8;
}

.ln-markup-tiers__alert {
    border-radius: 0.75rem;
    border: 1px solid #fecdd3;
    background: #fff1f2;
    padding: 0.65rem 0.8rem;
    font-size: 0.84rem;
    color: #9f1239;
}

.dark .ln-markup-tiers__alert {
    border-color: color-mix(in srgb, #fb7185 40%, transparent);
    background: color-mix(in srgb, #881337 28%, transparent);
    color: #fecdd3;
}

.ln-markup-tiers__list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.ln-markup-tier {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.65rem 0.75rem;
    align-items: start;
    padding: 0.85rem 0.9rem;
    border-radius: 0.95rem;
    border: 1px solid color-mix(in srgb, #514795 12%, transparent);
    background: #fff;
    box-shadow: 0 4px 14px rgba(28, 23, 48, 0.03);
}

.ln-markup-tier.is-invalid {
    border-color: color-mix(in srgb, #e11d48 35%, transparent);
    box-shadow: 0 0 0 2px color-mix(in srgb, #fb7185 18%, transparent);
}

.dark .ln-markup-tier {
    background: color-mix(in srgb, #514795 10%, #161422);
    border-color: color-mix(in srgb, #514795 24%, transparent);
}

.ln-markup-tier__index {
    width: 1.65rem;
    height: 1.65rem;
    margin-top: 1.35rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-size: 0.72rem;
    font-weight: 700;
    color: #514795;
    background: color-mix(in srgb, #514795 12%, #fff);
}

.dark .ln-markup-tier__index {
    background: color-mix(in srgb, #514795 28%, #161422);
    color: #c4b5fd;
}

.ln-markup-tier__fields {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    min-width: 0;
}

@media (max-width: 720px) {
    .ln-markup-tier {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .ln-markup-tier__fields {
        grid-template-columns: 1fr;
    }

    .ln-markup-tiers__remove {
        grid-column: 2;
        justify-self: end;
    }
}

.ln-markup-tier__field {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin: 0;
    min-width: 0;
}

.ln-markup-tier__field span {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #7a7394;
}

.dark .ln-markup-tier__field span {
    color: #a89fbf;
}

.ln-markup-tier__pct-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.ln-markup-tier__pct-wrap em {
    position: absolute;
    right: 0.65rem;
    font-style: normal;
    font-size: 0.8rem;
    font-weight: 700;
    color: #7a7394;
    pointer-events: none;
}

.ln-markup-tiers__input {
    width: 100%;
    border-radius: 0.7rem;
    border: 1px solid #d9d4e4;
    background: #fff;
    padding: 0.55rem 0.7rem;
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
    color: #1c1730;
}

.ln-markup-tiers__input--pct {
    padding-right: 1.6rem;
}

.dark .ln-markup-tiers__input {
    border-color: color-mix(in srgb, #c4b5fd 22%, transparent);
    background: #161422;
    color: #f3efff;
}

.ln-markup-tiers__input:focus {
    outline: none;
    border-color: #514795;
    box-shadow: 0 0 0 3px color-mix(in srgb, #514795 18%, transparent);
}

.ln-markup-tiers__input.is-invalid {
    border-color: #fb7185;
    box-shadow: 0 0 0 3px color-mix(in srgb, #fb7185 18%, transparent);
}

.ln-markup-tiers__remove {
    margin-top: 1.35rem;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, #e11d48 8%, #fff);
    color: #e11d48;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    display: grid;
    place-items: center;
}

.ln-markup-tiers__remove:hover {
    background: color-mix(in srgb, #e11d48 16%, #fff);
    color: #be123c;
}

.ln-markup-tier__error {
    grid-column: 2 / -1;
    margin: -0.15rem 0 0;
    font-size: 0.78rem;
    color: #e11d48;
}

.ln-markup-tiers__add {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px dashed color-mix(in srgb, #514795 28%, transparent);
    background: color-mix(in srgb, #514795 5%, #fff);
    color: #514795;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
}

.ln-markup-tiers__add span {
    font-size: 1.05rem;
    line-height: 1;
}

.ln-markup-tiers__add:hover {
    background: color-mix(in srgb, #514795 10%, #fff);
    color: #3d3580;
}

.dark .ln-markup-tiers__add {
    color: #c4b5fd;
    background: color-mix(in srgb, #514795 18%, #161422);
    border-color: color-mix(in srgb, #514795 35%, transparent);
}

.ln-markup-tiers--disabled {
    opacity: 0.65;
    pointer-events: none;
}

/* legacy option styles unused after badge redesign */
.ln-markup-apply__option {
    display: none;
}




/* ========== Canais redesign (shell) ========== */
.ln-canais-page .fi-header,
.ln-canais-body .fi-header,
.ln-canais-create-page .fi-header,
.ln-canais-create-body .fi-header,
.ln-canais-manage-page .fi-header,
.ln-canais-manage-body .fi-header {
    display: none !important;
}

.ln-canal-shell {
    --ln-ink: #171322;
    --ln-muted: #6b647f;
    --ln-line: #e6e2ef;
    --ln-brand: #514795;
    --ln-surface: #fbfafe;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-family: var(--ln-font-ui);
    animation: ln-book-fade-in 0.45s ease both;
}

.ln-canal-masthead {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.35rem 1.4rem;
    border-radius: 1.15rem;
    color: #fff;
    background:
        radial-gradient(120% 80% at 100% 0%, rgba(255,255,255,0.16), transparent 55%),
        linear-gradient(135deg, #3d3580 0%, #514795 48%, #2f2868 100%);
    box-shadow: 0 16px 36px rgba(81, 71, 149, 0.24);
}

@media (min-width: 900px) {
    .ln-canal-masthead {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        padding: 1.6rem 1.85rem;
    }
}

.ln-canal-masthead__eyebrow {
    margin: 0;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.78);
}

.ln-canal-masthead__title {
    margin: 0.45rem 0 0;
    font-family: var(--ln-font-display);
    font-size: clamp(1.55rem, 2.4vw, 2.05rem);
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.08;
}

.ln-canal-masthead__lead {
    margin: 0.55rem 0 0;
    max-width: 36rem;
    font-size: 0.92rem;
    line-height: 1.5;
    color: rgba(255,255,255,0.82);
}

.ln-canal-top {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    border-radius: 1.05rem;
    border: 1px solid color-mix(in srgb, var(--ch, var(--ln-brand)) 22%, var(--ln-line));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--ch, var(--ln-brand)) 10%, #fff), #fff 55%);
}

@media (min-width: 900px) {
    .ln-canal-top {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.dark .ln-canal-top {
    background: linear-gradient(135deg, color-mix(in srgb, var(--ch, var(--ln-brand)) 18%, #161422), #161422 60%);
    border-color: color-mix(in srgb, var(--ch, var(--ln-brand)) 28%, transparent);
}

.ln-canal-top__identity {
    display: flex;
    gap: 0.9rem;
    align-items: center;
    min-width: 0;
}

.ln-canal-top__logo {
    width: 10.5rem;
    height: 3.3rem;
    object-fit: cover;
    object-position: center;
    border-radius: 0.75rem;
    background: #fff;
    padding: 0;
    border: 1px solid var(--ln-line);
    box-sizing: border-box;
}

.ln-canal-top__eyebrow {
    margin: 0;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ln-muted);
}

.ln-canal-top__title {
    margin: 0.25rem 0 0;
    font-family: var(--ln-font-display);
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    font-weight: 700;
    color: var(--ln-ink);
    letter-spacing: -0.045em;
}

.dark .ln-canal-top__title { color: #f4f2ff; }

.ln-canal-top__lead {
    margin: 0.4rem 0 0;
    max-width: 34rem;
    font-size: 0.88rem;
    color: var(--ln-muted);
    line-height: 1.45;
}

.ln-canal-top__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.ln-canal-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.ln-canal-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border: 1px solid transparent;
}

.ln-canal-chip.is-connected { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
.ln-canal-chip.is-pending { background: #fff7ed; color: #c2410c; border-color: #fed7aa; }
.ln-canal-chip.is-active { background: #eef2ff; color: #4338ca; border-color: #c7d2fe; }
.ln-canal-chip.is-inactive { background: #f3f4f6; color: #6b7280; border-color: #e5e7eb; }
.ln-canal-chip.is-vacation { background: #fff1f2; color: #be123c; border-color: #fecdd3; }
.ln-canal-chip.is-up { background: #f5f3ff; color: #6d28d9; border-color: #ddd6fe; }
.ln-canal-chip.is-disabled { background: #f3f4f6; color: #9ca3af; }
.ln-canal-chip.is-quota { background: #eef2ff; color: #4338ca; border-color: #c7d2fe; }
.ln-canal-chip.is-quota-exhausted { background: #fff7ed; color: #c2410c; border-color: #fed7aa; }

.dark .ln-canal-chip.is-connected { background: rgba(16,185,129,0.15); color: #6ee7b7; border-color: rgba(16,185,129,0.35); }
.dark .ln-canal-chip.is-pending { background: rgba(245,158,11,0.15); color: #fcd34d; border-color: rgba(245,158,11,0.35); }
.dark .ln-canal-chip.is-active { background: rgba(99,102,241,0.18); color: #c7d2fe; border-color: rgba(129,140,248,0.35); }
.dark .ln-canal-chip.is-inactive { background: rgba(255,255,255,0.06); color: #a8a3b8; border-color: rgba(255,255,255,0.1); }
.dark .ln-canal-chip.is-vacation { background: rgba(244,63,94,0.16); color: #fda4af; border-color: rgba(244,63,94,0.35); }

.ln-canal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.4rem;
    padding: 0.55rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid transparent;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.12s ease, filter 0.12s ease, background 0.12s ease;
}

.ln-canal-btn svg { width: 1rem; height: 1rem; }
.ln-canal-btn:hover { transform: translateY(-1px); }
.ln-canal-btn--primary { background: #fff; color: var(--ln-brand, #514795); }
.ln-canal-btn--primary:hover { filter: brightness(1.04); color: #3d3580; }
.ln-canal-masthead .ln-canal-btn--primary { box-shadow: 0 8px 20px rgba(0,0,0,0.12); }
.ln-canal-btn--ghost { background: rgba(255,255,255,0.12); color: #fff; border-color: rgba(255,255,255,0.28); }
.ln-canal-top .ln-canal-btn--ghost { background: transparent; color: var(--ln-ink); border-color: var(--ln-line); }
.dark .ln-canal-top .ln-canal-btn--ghost { color: #f4f2ff; border-color: rgba(255,255,255,0.16); }
.ln-canal-btn--warn { background: #c2410c; color: #fff; }
.ln-canal-btn--wide { width: 100%; }
.ln-canal-btn--lg { min-height: 2.75rem; padding-inline: 1.2rem; }

.ln-canal-board {
    border-radius: 1.05rem;
    border: 1px solid var(--ln-line);
    background: #fff;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(28, 24, 48, 0.04);
}

.dark .ln-canal-board {
    background: #161422;
    border-color: color-mix(in srgb, #c4b5fd 16%, transparent);
}

.ln-canal-board__head {
    padding: 1rem 1.15rem 0.85rem;
    border-bottom: 1px solid var(--ln-line);
}

.dark .ln-canal-board__head { border-bottom-color: color-mix(in srgb, #c4b5fd 14%, transparent); }

.ln-canal-board__head h2 {
    margin: 0;
    font-family: Fraunces, Georgia, serif;
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--ln-ink);
}

.dark .ln-canal-board__head h2 { color: #f4f2ff; }

.ln-canal-board__head p {
    margin: 0.3rem 0 0;
    font-size: 0.82rem;
    color: var(--ln-muted);
}

.ln-canal-board__table { padding: 0.35rem 0.55rem 0.75rem; }

.ln-canais-body .ln-canal-board__table .fi-ta-ctn,
.ln-canais-body .ln-canal-board__table .fi-ta-content {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.ln-canais-body .fi-ta-row {
    border-radius: 0.75rem;
}

.ln-canais-body .fi-ta-table tbody .fi-ta-row > td {
    padding-top: 0.85rem !important;
    padding-bottom: 0.85rem !important;
}

.ln-canal-row-id {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.ln-canal-row-id__mark {
    flex: 0 0 auto;
    width: 3rem;
    height: 3rem;
    border-radius: 0.8rem;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--ch) 12%, #fff);
    border: 1px solid color-mix(in srgb, var(--ch) 22%, transparent);
}

.ln-canal-row-id__mark img {
    width: 1.95rem;
    height: 1.95rem;
    object-fit: contain;
}

.ln-canal-row-id__text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.ln-canal-row-id__text strong {
    font-size: 0.92rem;
    color: var(--ln-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dark .ln-canal-row-id__text strong { color: #f4f2ff; }

.ln-canal-row-id__text small {
    font-size: 0.75rem;
    color: var(--ln-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ln-canal-row-status {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.ln-canal-card {
    border-radius: 1rem;
    border: 1px solid var(--ln-line);
    background: #fff;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(28, 24, 48, 0.04);
}

.dark .ln-canal-card {
    background: #161422;
    border-color: color-mix(in srgb, #c4b5fd 16%, transparent);
}

.ln-canal-card--soft { background: color-mix(in srgb, var(--ln-brand) 5%, #fff); }
.dark .ln-canal-card--soft { background: color-mix(in srgb, var(--ln-brand) 12%, #161422); }

.ln-canal-card--vacation {
    border-color: #fdba74;
    background: color-mix(in srgb, #fb923c 10%, #fff);
}

.dark .ln-canal-card--vacation {
    border-color: rgba(251,146,60,0.4);
    background: color-mix(in srgb, #c2410c 18%, #161422);
}

.ln-canal-card__head {
    padding: 0.9rem 1.05rem;
    border-bottom: 1px solid var(--ln-line);
}

.dark .ln-canal-card__head { border-bottom-color: color-mix(in srgb, #c4b5fd 14%, transparent); }

.ln-canal-card__head h2 {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--ln-ink);
}

.dark .ln-canal-card__head h2 { color: #f4f2ff; }

.ln-canal-card__head p {
    margin: 0.25rem 0 0;
    font-size: 0.78rem;
    color: var(--ln-muted);
    line-height: 1.45;
}

.ln-canal-card__body { padding: 1rem 1.05rem; }

.ln-canal-manage-grid,
.ln-canal-create-grid {
    display: grid;
    gap: 1rem;
    align-items: start;
}

@media (min-width: 960px) {
    .ln-canal-manage-grid { grid-template-columns: minmax(0, 1fr) 19.5rem; }
    .ln-canal-create-grid { grid-template-columns: minmax(0, 1fr) 20.5rem; }
}

.ln-canal-meta {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.ln-canal-meta__row {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    font-size: 0.84rem;
}

.ln-canal-meta__row > span:first-child { color: var(--ln-muted); }
.ln-canal-meta__row strong { text-align: right; color: var(--ln-ink); font-weight: 700; }
.dark .ln-canal-meta__row strong { color: #f4f2ff; }
.ln-canal-meta__mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.78rem; }
.ln-canal-meta__link {
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--ln-brand, #514795);
    text-decoration: none;
}
.ln-canal-meta__link:hover { text-decoration: underline; }

.ln-canal-meta__block span { color: var(--ln-muted); font-size: 0.84rem; }
.ln-canal-meta__block ul {
    margin: 0.35rem 0 0;
    padding-left: 1.05rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--ln-ink);
}
.dark .ln-canal-meta__block ul { color: #f4f2ff; }

.ln-canal-note {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.5;
    color: var(--ln-muted);
}

.ln-canal-vacation__since {
    margin: 0 0 0.75rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: #9a3412;
}

.dark .ln-canal-vacation__since { color: #fdba74; }

.ln-canal-provider-rail {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.ln-canal-provider-rail li {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0.65rem;
    border-radius: 0.7rem;
    border: 1px solid var(--ln-line);
    background: #fff;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--ln-ink);
}

.ln-canal-provider-rail li img { width: 1.15rem; height: 1.15rem; object-fit: contain; }
.ln-canal-provider-rail li.is-selected {
    border-color: var(--ch);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ch) 28%, transparent);
    background: color-mix(in srgb, var(--ch) 8%, #fff);
}

.ln-canal-preview-card {
    position: sticky;
    top: 1rem;
    padding: 1.1rem;
    border-radius: 1rem;
    color: #fff;
    background:
        radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,0.18), transparent 50%),
        linear-gradient(160deg, color-mix(in srgb, var(--ch) 85%, #1c1730), #2a2448);
    box-shadow: 0 14px 30px rgba(28, 24, 48, 0.18);
}

.ln-canal-preview-card__eyebrow {
    margin: 0;
    font-size: 0.65rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(255,255,255,0.65);
}

.ln-canal-preview-card__name {
    margin: 0.65rem 0 0;
    font-family: Fraunces, Georgia, serif;
    font-size: 1.2rem;
    font-weight: 600;
}

.ln-canal-preview-card__meta {
    margin: 0.25rem 0 0;
    font-size: 0.78rem;
    color: rgba(255,255,255,0.7);
}

.ln-canal-preview-card__facts {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.9rem;
}

.ln-canal-preview-card__facts div {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    padding: 0.5rem 0.6rem;
    border-radius: 0.55rem;
    background: rgba(0,0,0,0.18);
}

.ln-canal-preview-card__facts span {
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.55);
}

.ln-canal-preview-card__facts strong { font-size: 0.82rem; }

.ln-canal-preview-card__tip {
    margin: 0.85rem 0 0;
    font-size: 0.78rem;
    line-height: 1.45;
    color: rgba(255,255,255,0.75);
}

/* Create preview ????????????????? tile real (clara), sem bloco roxo */
.ln-canal-preview {
    position: sticky;
    top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 1.1rem;
    border: 1px solid var(--ln-line, #e6e2ef);
    background:
        linear-gradient(180deg, #fff 0%, #faf9fc 100%);
    box-shadow: 0 10px 28px rgba(28, 24, 48, 0.05);
}

.dark .ln-canal-preview {
    background: linear-gradient(180deg, #161422 0%, #12101c 100%);
    border-color: color-mix(in srgb, #c4b5fd 16%, transparent);
}

.ln-canal-preview__eyebrow {
    margin: 0;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ln-muted, #6b647f);
}

.ln-canal-tile--preview {
    pointer-events: none;
    box-shadow: none;
    margin: 0;
}

.ln-canal-tile--preview:hover {
    transform: none;
    box-shadow: none;
}

.ln-canal-tile__logo-fallback {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--ln-muted, #6b647f);
}

.ln-canal-preview__steps {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.4rem;
}

.ln-canal-preview__steps li {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ln-muted, #6b647f);
}

.ln-canal-preview__steps li span {
    display: grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    background: #f3f4f6;
    color: #6b7280;
    flex: 0 0 auto;
}

.ln-canal-preview__steps li.is-now {
    color: var(--ln-ink, #171322);
    font-weight: 750;
}

.dark .ln-canal-preview__steps li.is-now { color: #f4f2ff; }

.ln-canal-preview__steps li.is-now span {
    background: var(--ch, #514795);
    color: #fff;
}

.ln-canal-preview__steps li.is-done {
    color: #047857;
}

.ln-canal-preview__steps li.is-done span {
    background: #d1fae5;
    color: #047857;
}

.ln-canal-preview__tip {
    margin: 0;
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--ln-muted, #6b647f);
}

.ln-canal-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 640px) {
    .ln-canal-stats__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1100px) {
    .ln-canal-stats__grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.ln-canais-create-body .fi-form-actions,
.ln-canais-manage-body .fi-form-actions {
    position: sticky;
    bottom: 0.75rem;
    z-index: 20;
    margin-top: 0.85rem;
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    border: 1px solid var(--ln-line);
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 28px rgba(28, 24, 48, 0.08);
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dark .ln-canais-create-body .fi-form-actions,
.dark .ln-canais-manage-body .fi-form-actions {
    background: rgba(22, 20, 34, 0.96);
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
}

/* ========== Canais v2 ????????????????? gallery / ops / pick ========== */
.ln-canal-shell {
    gap: 1.15rem;
}

.ln-canal-masthead {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(90% 70% at 0% 100%, rgba(255, 196, 140, 0.18), transparent 45%),
        radial-gradient(120% 80% at 100% 0%, rgba(255,255,255,0.16), transparent 55%),
        linear-gradient(128deg, #2a2458 0%, #514795 52%, #1f1a42 100%);
}

.ln-canal-masthead::after {
    content: "";
    position: absolute;
    inset: auto -10% -40% 40%;
    height: 120%;
    background: radial-gradient(closest-side, rgba(255,255,255,0.12), transparent 70%);
    pointer-events: none;
    animation: ln-canal-drift 10s ease-in-out infinite alternate;
}

@keyframes ln-canal-drift {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-4%, -3%, 0); }
}

.ln-canal-btn--solid {
    background: var(--ln-brand);
    color: #fff;
    border-color: transparent;
}
.ln-canal-btn--solid:hover { filter: brightness(1.06); color: #fff; }
.ln-canal-btn--ghost-ink {
    background: transparent;
    color: var(--ln-ink);
    border-color: var(--ln-line);
}
.dark .ln-canal-btn--ghost-ink { color: #f4f2ff; border-color: rgba(255,255,255,0.16); }
.ln-canal-btn--sm {
    min-height: 2.1rem;
    padding: 0.4rem 0.85rem;
    font-size: 0.8rem;
    position: relative;
    z-index: 2;
}

.ln-canal-link {
    background: none;
    border: 0;
    padding: 0;
    color: var(--ln-brand);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ln-canal-gallery {
    border-radius: 1.15rem;
    border: 1px solid var(--ln-line);
    background: linear-gradient(180deg, #fff 0%, #faf9fc 100%);
    box-shadow: 0 12px 32px rgba(28, 24, 48, 0.05);
    overflow: clip;
    container-type: inline-size;
}

.dark .ln-canal-gallery {
    background: linear-gradient(180deg, #161422 0%, #12101c 100%);
    border-color: color-mix(in srgb, #c4b5fd 16%, transparent);
}

.ln-canal-gallery__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem 0.95rem;
    border-bottom: 1px solid var(--ln-line);
}

.dark .ln-canal-gallery__head { border-bottom-color: color-mix(in srgb, #c4b5fd 14%, transparent); }

.ln-canal-gallery__head h2 {
    margin: 0;
    font-family: Fraunces, Georgia, serif;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--ln-ink);
}

.dark .ln-canal-gallery__head h2 { color: #f4f2ff; }

.ln-canal-gallery__head p {
    margin: 0.3rem 0 0;
    font-size: 0.82rem;
    color: var(--ln-muted);
}

.ln-canal-gallery__count {
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ln-muted);
}

.ln-canal-gallery__grid {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    grid-template-columns: 1fr;
}

@container (min-width: 640px) {
    .ln-canal-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@container (min-width: 980px) {
    .ln-canal-gallery__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 640px) {
    .ln-canal-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1100px) {
    .ln-canal-gallery__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.ln-canal-tile {
    --tile-accent: var(--ch, var(--ln-brand));
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--tile-accent) 18%, var(--ln-line));
    background: linear-gradient(165deg, color-mix(in srgb, var(--tile-accent) 9%, #fff) 0%, #fff 48%);
    box-shadow: 0 8px 20px rgba(28, 24, 48, 0.04);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    animation: ln-book-fade-in 0.4s ease both;
}

.ln-canal-tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(28, 24, 48, 0.08);
    border-color: color-mix(in srgb, var(--tile-accent) 40%, var(--ln-line));
}

.ln-canal-tile.is-vacation {
    border-color: #fdba74;
    background: linear-gradient(165deg, #fff7ed 0%, #fff 55%);
}

.ln-canal-tile.is-pending { border-style: dashed; }
.ln-canal-tile.is-paused { opacity: 0.92; }
.ln-canal-tile.is-disabled { opacity: 0.7; filter: grayscale(0.25); }

.dark .ln-canal-tile {
    background: linear-gradient(165deg, color-mix(in srgb, var(--tile-accent) 16%, #161422), #161422 55%);
    border-color: color-mix(in srgb, var(--tile-accent) 28%, transparent);
}

.dark .ln-canal-tile.is-vacation {
    background: linear-gradient(165deg, color-mix(in srgb, #c2410c 22%, #161422), #161422 60%);
}

.ln-canal-tile__hit {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    /* N????????o bloqueia Conectar/Gerenciar no rodap???????? */
    pointer-events: none;
}

.ln-canal-tile__top,
.ln-canal-tile__facts {
    position: relative;
    z-index: 0;
}

.ln-canal-tile__foot {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: auto;
    padding-top: 0.25rem;
    position: relative;
    z-index: 3;
}

.ln-canal-tile__foot a,
.ln-canal-tile__foot .ln-canal-btn {
    pointer-events: auto;
    position: relative;
    z-index: 3;
}

.ln-canal-tile__top {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.ln-canal-tile__brand {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.ln-canal-tile__brand--link {
    text-decoration: none;
    color: inherit;
}

.ln-canal-tile__brand--link:hover .ln-canal-tile__titles h3 {
    color: var(--tile-accent, var(--ln-brand, #514795));
}

.ln-canal-tile__logo {
    flex: 0 0 auto;
    width: 10.5rem;
    height: 3.3rem;
    border-radius: 0.75rem;
    display: grid;
    place-items: center;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--tile-accent, var(--ch, #514795)) 22%, transparent);
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
}

.ln-canal-tile__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.ln-canal-tile__titles { min-width: 0; }

.ln-canal-tile__titles h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--ln-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dark .ln-canal-tile__titles h3 { color: #f4f2ff; }

.ln-canal-tile__titles p {
    margin: 0.15rem 0 0;
    font-size: 0.75rem;
    color: var(--ln-muted);
}

.ln-canal-tile__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.ln-canal-tile__facts {
    margin: 0;
    display: grid;
    gap: 0.45rem;
}

.ln-canal-tile__facts > div {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: 0.5rem;
    align-items: baseline;
    font-size: 0.8rem;
}

.ln-canal-tile__facts dt {
    margin: 0;
    color: var(--ln-muted);
    font-weight: 600;
}

.ln-canal-tile__facts dd {
    margin: 0;
    color: var(--ln-ink);
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dark .ln-canal-tile__facts dd { color: #f4f2ff; }

.ln-canal-tile__foot {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: auto;
    padding-top: 0.25rem;
    position: relative;
    z-index: 3;
}

.ln-canal-empty {
    margin: 1rem;
    padding: 2.2rem 1.25rem;
    text-align: center;
    border-radius: 1rem;
    border: 1px dashed var(--ln-line);
    background: color-mix(in srgb, var(--ln-brand) 4%, #fff);
}

.dark .ln-canal-empty {
    background: color-mix(in srgb, var(--ln-brand) 10%, #161422);
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
}

.ln-canal-empty__title {
    margin: 0;
    font-family: Fraunces, Georgia, serif;
    font-size: 1.15rem;
    color: var(--ln-ink);
}

.dark .ln-canal-empty__title { color: #f4f2ff; }

.ln-canal-empty__lead {
    margin: 0.45rem auto 1rem;
    max-width: 26rem;
    font-size: 0.88rem;
    color: var(--ln-muted);
}

.ln-canal-ops {
    display: grid;
    gap: 0.75rem;
}

@media (min-width: 820px) {
    .ln-canal-ops { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.ln-canal-ops__panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    border: 1px solid var(--ln-line);
    background: #fff;
    box-shadow: 0 8px 20px rgba(28, 24, 48, 0.04);
    transition: background 0.2s ease, border-color 0.2s ease;
}

.ln-canal-ops__panel.is-on {
    border-color: #a7f3d0;
    background: linear-gradient(135deg, #ecfdf5, #fff 60%);
}

.ln-canal-ops__panel.is-off {
    border-color: #e5e7eb;
    background: #fafafa;
}

.ln-canal-ops__panel--vacation.is-on {
    border-color: #fdba74;
    background: linear-gradient(135deg, #fff7ed, #fff 60%);
}

.dark .ln-canal-ops__panel {
    background: #161422;
    border-color: color-mix(in srgb, #c4b5fd 16%, transparent);
}

.dark .ln-canal-ops__panel.is-on {
    background: linear-gradient(135deg, rgba(16,185,129,0.14), #161422 65%);
    border-color: rgba(16,185,129,0.35);
}

.dark .ln-canal-ops__panel--vacation.is-on {
    background: linear-gradient(135deg, rgba(194,65,12,0.2), #161422 65%);
    border-color: rgba(251,146,60,0.4);
}

.ln-canal-ops__label {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.92rem;
    font-weight: 800;
    color: var(--ln-ink);
}

.dark .ln-canal-ops__label { color: #f4f2ff; }

.ln-canal-ops__hint {
    margin: 0.3rem 0 0;
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--ln-muted);
    max-width: 28rem;
}

.ln-canal-ops__since {
    margin: 0.35rem 0 0;
    font-size: 0.72rem;
    font-weight: 700;
    color: #9a3412;
}

.dark .ln-canal-ops__since { color: #fdba74; }

.ln-canal-switch {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.35rem;
    padding: 0.25rem 0.7rem 0.25rem 0.3rem;
    border-radius: 999px;
    border: 1px solid #d1d5db;
    background: #f3f4f6;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease;
}

.ln-canal-switch__knob {
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    transition: transform 0.18s ease;
}

.ln-canal-switch__text {
    font-size: 0.78rem;
    font-weight: 800;
    color: #6b7280;
    min-width: 3.2rem;
    text-align: left;
}

.ln-canal-switch.is-on {
    background: #059669;
    border-color: #047857;
}

.ln-canal-switch.is-on .ln-canal-switch__knob {
    transform: translateX(0.15rem);
    background: #ecfdf5;
}

.ln-canal-switch.is-on .ln-canal-switch__text { color: #fff; }

.ln-canal-pick {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

@media (min-width: 560px) {
    .ln-canal-pick { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
    .ln-canal-pick { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1280px) {
    .ln-canal-pick { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.ln-canal-pick__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    border: 1.5px solid color-mix(in srgb, var(--ln-line) 80%, transparent);
    background: #fff;
    cursor: pointer;
    text-align: left;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--ln-ink);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), 
                border-color 0.2s ease, 
                box-shadow 0.2s ease,
                background 0.2s ease;
    min-width: 0;
}

.ln-canal-pick__item-logo-wrapper {
    display: flex;
    flex-shrink: 0;
}

.ln-canal-pick__item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.ln-canal-pick__item img {
    width: 6.5rem;
    height: 3.2rem;
    object-fit: contain;
    border-radius: 0.4rem;
    flex-shrink: 0;
}

.ln-canal-pick__item:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--ch) 55%, var(--ln-line));
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    background: linear-gradient(135deg, color-mix(in srgb, var(--ch) 4%, #fff) 0%, #fff 100%);
}

.ln-canal-pick__item.is-selected,
.ln-canal-pick__item[aria-selected="true"] {
    border-color: var(--ch);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--ch) 18%, transparent),
                0 10px 24px rgba(0, 0, 0, 0.08);
    background: linear-gradient(135deg, color-mix(in srgb, var(--ch) 8%, #fff) 0%, color-mix(in srgb, var(--ch) 2%, #fff) 100%);
    transform: scale(1.02);
}

.dark .ln-canal-pick__item {
    background: #1a1728;
    color: #f4f2ff;
    border-color: color-mix(in srgb, #c4b5fd 12%, transparent);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.dark .ln-canal-pick__item:hover {
    border-color: color-mix(in srgb, var(--ch) 50%, transparent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--ch) 15%, #1a1728) 0%, #1a1728 100%);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.dark .ln-canal-pick__item.is-selected,
.dark .ln-canal-pick__item[aria-selected="true"] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--ch) 22%, #1a1728) 0%, color-mix(in srgb, var(--ch) 8%, #1a1728) 100%);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--ch) 25%, transparent),
                0 10px 24px rgba(0, 0, 0, 0.3);
}

.ln-canal-preview-card__logo {
    width: 3.25rem;
    height: 3.25rem;
    object-fit: contain;
    border-radius: 0.8rem;
    background: rgba(255,255,255,0.92);
    padding: 0.35rem;
    margin-bottom: 0.55rem;
}

.ln-canal-preview-card__steps {
    margin: 0.95rem 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.35rem;
}

.ln-canal-preview-card__steps li {
    position: relative;
    padding-left: 1.15rem;
    font-size: 0.75rem;
    color: rgba(255,255,255,0.55);
}

.ln-canal-preview-card__steps li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.35rem;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.35);
}

.ln-canal-preview-card__steps li.is-now {
    color: #fff;
    font-weight: 700;
}

.ln-canal-preview-card__steps li.is-now::before {
    background: #fbbf24;
    box-shadow: 0 0 0 3px rgba(251,191,36,0.25);
}

.ln-canal-preview-card__steps li.is-done { color: rgba(255,255,255,0.85); }
.ln-canal-preview-card__steps li.is-done::before { background: #34d399; }

.ln-canal-top .ln-canal-btn--solid {
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ch, var(--ln-brand)) 28%, transparent);
}

.ln-canal-manage-grid__main .ln-canal-card,
.ln-canal-create-grid__main .ln-canal-card {
    animation: ln-book-fade-in 0.45s ease both;
}

/* ?????????????????????????????????? Onde publicar (canais no livro) ?????????????????????????????????? */
.ln-book-channels {
    display: grid;
    gap: 0.85rem;
}

.ln-book-channels--disabled {
    opacity: 0.65;
    pointer-events: none;
}

.ln-book-channels__empty {
    border: 1px dashed color-mix(in srgb, var(--ln-brand) 28%, var(--ln-line));
    border-radius: 1rem;
    padding: 1.15rem 1.25rem;
    background: color-mix(in srgb, var(--ln-brand) 4%, #fff);
}

.ln-book-channels__empty strong {
    display: block;
    font-size: 0.92rem;
    color: #1f1a3d;
}

.ln-book-channels__empty p {
    margin: 0.35rem 0 0;
    font-size: 0.82rem;
    color: #6b6685;
    line-height: 1.45;
}

.dark .ln-book-channels__empty {
    background: color-mix(in srgb, var(--ln-brand) 12%, #161422);
}

.dark .ln-book-channels__empty strong { color: #f4f2ff; }
.dark .ln-book-channels__empty p { color: #a9a3c4; }

.ln-book-channels__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.65rem;
}

.ln-book-channels__tool {
    appearance: none;
    border: 1px solid color-mix(in srgb, var(--ln-brand) 22%, var(--ln-line));
    background: #fff;
    color: var(--ln-brand);
    font-size: 0.75rem;
    font-weight: 650;
    line-height: 1;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.ln-book-channels__tool:hover {
    background: color-mix(in srgb, var(--ln-brand) 8%, #fff);
    border-color: color-mix(in srgb, var(--ln-brand) 40%, var(--ln-line));
}

.ln-book-channels__tool:active {
    transform: translateY(1px);
}

.dark .ln-book-channels__tool {
    background: #1a1728;
    color: #c4b5fd;
    border-color: color-mix(in srgb, #c4b5fd 28%, transparent);
}

.dark .ln-book-channels__tool:hover {
    background: color-mix(in srgb, #c4b5fd 12%, #1a1728);
}

.ln-book-channels__count {
    font-size: 0.75rem;
    color: #7a7494;
    margin-left: auto;
}

.dark .ln-book-channels__count { color: #a9a3c4; }

.ln-book-channels__grid {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: 1fr;
}

@media (min-width: 640px) {
    .ln-book-channels__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 900px) {
    .ln-book-channels__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .ln-book-channel__text strong {
        font-size: 0.82rem;
    }

    .ln-book-channel__text small,
    .ln-book-channel__text em {
        font-size: 0.68rem;
    }
}

.ln-book-channel {
    --ch: var(--ln-brand);
    appearance: none;
    width: 100%;
    text-align: left;
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: start;
    gap: 0.55rem;
    padding: 0.7rem 0.75rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--ch) 18%, var(--ln-line));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--ch) 6%, #fff) 0%, #fff 55%);
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.15s ease;
}

.ln-book-channel:hover {
    border-color: color-mix(in srgb, var(--ch) 42%, var(--ln-line));
    transform: translateY(-1px);
}

.ln-book-channel.is-on {
    border-color: color-mix(in srgb, var(--ch) 70%, var(--ln-line));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ch) 18%, transparent);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--ch) 14%, #fff) 0%, #fff 60%);
}

.ln-book-channel.is-locked {
    opacity: 0.72;
    cursor: not-allowed;
    transform: none;
}

.dark .ln-book-channel {
    background: linear-gradient(135deg, color-mix(in srgb, var(--ch) 16%, #161422) 0%, #161422 60%);
    border-color: color-mix(in srgb, var(--ch) 28%, transparent);
    color: #f4f2ff;
}

.dark .ln-book-channel.is-on {
    background: linear-gradient(135deg, color-mix(in srgb, var(--ch) 24%, #161422) 0%, #1a1728 60%);
}

.ln-book-channel__check {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.15rem;
    border-radius: 0.35rem;
    border: 1.5px solid color-mix(in srgb, var(--ch) 40%, #c5c0d8);
    background: #fff;
    display: grid;
    place-items: center;
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--ch);
    flex-shrink: 0;
}

.ln-book-channel.is-on .ln-book-channel__check {
    background: var(--ch);
    border-color: var(--ch);
    color: #fff;
}

.dark .ln-book-channel__check {
    background: #12101c;
    border-color: color-mix(in srgb, var(--ch) 45%, #4b4566);
}

.ln-book-channel__logo {
    width: 5.625rem;
    height: 1.755rem;
    object-fit: contain;
    object-position: center;
    border-radius: 0.3rem;
    background: #fff;
    padding: 0;
    display: block;
    flex-shrink: 0;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ch) 18%, transparent);
}

.ln-book-channel__logo--empty {
    display: grid;
    place-items: center;
    font-weight: 800;
    color: var(--ch);
    font-size: 0.6rem;
}

.ln-book-channel__text {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.ln-book-channel__text strong {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1f1a3d;
    line-height: 1.25;
}

.ln-book-channel__text small {
    font-size: 0.72rem;
    font-weight: 650;
    color: color-mix(in srgb, var(--ch) 75%, #5b5678);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ln-book-channel__text em {
    font-style: normal;
    font-size: 0.72rem;
    color: #7a7494;
    line-height: 1.35;
}

.dark .ln-book-channel__text strong { color: #f4f2ff; }
.dark .ln-book-channel__text small { color: color-mix(in srgb, var(--ch) 55%, #ddd6fe); }
.dark .ln-book-channel__text em { color: #a9a3c4; }

/* ?????????????????????????????????? Canais create/manage: pain????????is Filament + toggle-cards (molde HUB) ?????????????????????????????????? */
.ln-canal-shell .fi-fo-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ln-canal-shell .ln-canal-fi-panel.fi-section,
.ln-canal-shell .fi-section.ln-canal-fi-panel {
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--ch, var(--ln-brand)) 16%, var(--ln-line));
    border-radius: 1.1rem;
    background: #fff;
    box-shadow: 0 10px 28px rgba(31, 26, 61, 0.05);
    overflow: hidden;
}

.dark .ln-canal-shell .ln-canal-fi-panel.fi-section,
.dark .ln-canal-shell .fi-section.ln-canal-fi-panel {
    background: #1a1730;
    border-color: rgba(196, 181, 253, 0.14);
}

.ln-canal-shell .ln-canal-fi-panel > .fi-section-header {
    padding: 0.95rem 1.05rem 0.7rem;
    border-bottom: 1px solid color-mix(in srgb, var(--ch, var(--ln-brand)) 10%, var(--ln-line));
    background: color-mix(in srgb, var(--ch, var(--ln-brand)) 4%, #fff);
}

.dark .ln-canal-shell .ln-canal-fi-panel > .fi-section-header {
    background: color-mix(in srgb, var(--ch, var(--ln-brand)) 12%, #15122a);
    border-bottom-color: rgba(196, 181, 253, 0.1);
}

.ln-canal-shell .ln-canal-fi-panel .fi-section-header-heading {
    font-family: var(--ln-font-display);
    font-size: 1.05rem;
    font-weight: 650;
    color: var(--ln-ink);
}

.dark .ln-canal-shell .ln-canal-fi-panel .fi-section-header-heading { color: #f4f2ff; }

.ln-canal-shell .ln-canal-fi-panel .fi-section-header-description {
    margin-top: 0.2rem;
    font-size: 0.78rem;
    color: var(--ln-muted);
    line-height: 1.45;
}

.ln-canal-shell .ln-canal-fi-panel .fi-section-content-ctn,
.ln-canal-shell .ln-canal-fi-panel .fi-section-content {
    padding: 1rem 1.05rem;
}

.ln-toggle-stack {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.ln-toggle-card {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    margin: 0;
    padding: 0.85rem 0.9rem;
    text-align: left;
    border: 1px solid color-mix(in srgb, var(--ch, var(--ln-brand)) 18%, var(--ln-line));
    border-radius: 0.95rem;
    background: color-mix(in srgb, var(--ch, var(--ln-brand)) 4%, #fff);
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    font: inherit;
    color: inherit;
}

.ln-toggle-card:hover {
    border-color: color-mix(in srgb, var(--ch, var(--ln-brand)) 42%, var(--ln-line));
    background: color-mix(in srgb, var(--ch, var(--ln-brand)) 8%, #fff);
}

.ln-toggle-card.is-on {
    border-color: color-mix(in srgb, var(--ch, var(--ln-brand)) 55%, #86efac);
    background: color-mix(in srgb, #86efac 14%, #fff);
    box-shadow: 0 0 0 1px color-mix(in srgb, #22c55e 18%, transparent);
}

.ln-toggle-card--warn.is-on {
    border-color: color-mix(in srgb, #f59e0b 55%, var(--ln-line));
    background: color-mix(in srgb, #fde68a 35%, #fff);
    box-shadow: 0 0 0 1px color-mix(in srgb, #f59e0b 20%, transparent);
}

.ln-toggle-card--meli.is-on {
    border-color: color-mix(in srgb, #3483fa 55%, var(--ln-line));
    background: color-mix(in srgb, #3483fa 12%, #fff);
    box-shadow: 0 0 0 1px color-mix(in srgb, #3483fa 20%, transparent);
}

.ln-toggle-card.is-disabled {
    opacity: 0.62;
    cursor: not-allowed;
}

.dark .ln-toggle-card {
    background: color-mix(in srgb, var(--ch, var(--ln-brand)) 10%, #15122a);
    border-color: rgba(196, 181, 253, 0.16);
}

.dark .ln-toggle-card:hover {
    background: color-mix(in srgb, var(--ch, var(--ln-brand)) 16%, #15122a);
}

.dark .ln-toggle-card.is-on {
    background: color-mix(in srgb, #22c55e 18%, #15122a);
    border-color: rgba(74, 222, 128, 0.35);
}

.dark .ln-toggle-card--warn.is-on {
    background: color-mix(in srgb, #f59e0b 18%, #15122a);
    border-color: rgba(251, 191, 36, 0.4);
}

.dark .ln-toggle-card--meli.is-on {
    background: color-mix(in srgb, #3483fa 20%, #15122a);
    border-color: rgba(52, 131, 250, 0.4);
}

.ln-toggle-card__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}

.ln-toggle-card__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.ln-toggle-card__body strong {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--ln-ink);
    line-height: 1.3;
}

.ln-toggle-card__body small {
    font-size: 0.74rem;
    line-height: 1.4;
    color: var(--ln-muted);
}

.ln-toggle-card__since {
    display: block;
    margin-top: 0.15rem;
    font-weight: 650;
    color: #9a3412 !important;
}

.dark .ln-toggle-card__body strong { color: #f4f2ff; }
.dark .ln-toggle-card__since { color: #fdba74 !important; }

.ln-toggle-card__mark {
    flex-shrink: 0;
    min-width: 2.4rem;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
    color: #6b647f;
    background: rgba(81, 71, 149, 0.08);
}

.ln-toggle-card.is-on .ln-toggle-card__mark {
    color: #166534;
    background: rgba(34, 197, 94, 0.16);
}

.ln-toggle-card--warn.is-on .ln-toggle-card__mark {
    color: #9a3412;
    background: rgba(245, 158, 11, 0.2);
}

.ln-toggle-card--meli.is-on .ln-toggle-card__mark {
    color: #1d4ed8;
    background: rgba(52, 131, 250, 0.18);
}

.dark .ln-toggle-card__mark {
    color: #c4b5fd;
    background: rgba(196, 181, 253, 0.12);
}

.dark .ln-toggle-card.is-on .ln-toggle-card__mark {
    color: #bbf7d0;
    background: rgba(34, 197, 94, 0.22);
}

.ln-vacation-block {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.ln-vacation-schedule-btn {
    align-self: flex-start;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #514795;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.15em;
    cursor: pointer;
}

.ln-vacation-schedule-btn:hover {
    color: #3d3574;
}

.dark .ln-vacation-schedule-btn {
    color: #c4b5fd;
}

.dark .ln-vacation-schedule-btn:hover {
    color: #e9e5ff;
}

.ln-canal-connection {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ln-canal-connection__status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.ln-canal-card--connection {
    animation: ln-book-fade-in 0.45s ease both;
}

.ln-canal-manage-grid__aside,
.ln-canal-create-grid__aside {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (min-width: 960px) {
    .ln-canal-manage-grid__aside,
    .ln-canal-create-grid__aside {
        position: sticky;
        top: 1rem;
    }
}

/* ?????????????????????????????????? Precifica???????????????o (hero Canais + 2 colunas HUB) ?????????????????????????????????? */
.ln-pricing {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    font-family: var(--ln-font-ui);
}

.fi-page:has(.ln-pricing) .fi-header {
    display: none;
}

.ln-pricing-masthead {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.35rem 1.4rem;
    border-radius: 1.15rem;
    color: #fff;
    background:
        radial-gradient(90% 70% at 0% 100%, rgba(255, 196, 140, 0.16), transparent 45%),
        radial-gradient(120% 80% at 100% 0%, rgba(255, 255, 255, 0.14), transparent 55%),
        linear-gradient(128deg, #2a2458 0%, #514795 52%, #1f1a42 100%);
    box-shadow: 0 16px 36px rgba(81, 71, 149, 0.24);
}

@media (min-width: 900px) {
    .ln-pricing-masthead {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        padding: 1.6rem 1.85rem;
        gap: 1.5rem;
    }
}

.ln-pricing-masthead__eyebrow {
    margin: 0;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
}

.ln-pricing-masthead__title {
    margin: 0.45rem 0 0;
    font-family: var(--ln-font-display);
    font-size: clamp(1.55rem, 2.4vw, 2.05rem);
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.08;
    color: #fff;
}

.ln-pricing-masthead__lead {
    margin: 0.55rem 0 0;
    max-width: 38rem;
    font-size: 0.92rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.82);
}

.ln-pricing-masthead__stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
    margin: 0;
    flex-shrink: 0;
}

@media (min-width: 900px) {
    .ln-pricing-masthead__stats {
        min-width: 16rem;
    }
}

.ln-pricing-masthead__stat {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.12);
}

.ln-pricing-masthead__stat dt {
    margin: 0;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.72);
}

.ln-pricing-masthead__stat dd {
    margin: 0;
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
}

.ln-pricing-masthead__stat strong {
    font-family: var(--ln-font-display);
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.ln-pricing-masthead__stat span {
    font-size: 0.78rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.78);
}

.ln-pricing-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

@media (min-width: 1280px) {
    .ln-pricing-grid {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        align-items: start;
    }
}

.ln-pricing-col {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    min-width: 0;
}

.ln-pricing-panel__head {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

.ln-pricing-panel__icon {
    display: grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.7rem;
    flex-shrink: 0;
}

.ln-pricing-panel__icon svg {
    width: 1.1rem;
    height: 1.1rem;
}

.ln-pricing-panel__icon--promo {
    background: color-mix(in srgb, #514795 14%, #fff);
    color: #514795;
}

.ln-pricing-panel__icon--reprice {
    background: color-mix(in srgb, #6b5bb8 14%, #fff);
    color: #5a4aa3;
}

.dark .ln-pricing-panel__icon--promo {
    background: color-mix(in srgb, #514795 35%, transparent);
    color: #c4b5fd;
}

.dark .ln-pricing-panel__icon--reprice {
    background: color-mix(in srgb, #6b5bb8 35%, transparent);
    color: #ddd6fe;
}

.ln-pricing-hint {
    border-radius: 1rem;
    border: 1px solid var(--ln-line, #e8e4f0);
    background: #faf9fc;
    padding: 1rem 1.15rem;
    font-size: 0.875rem;
    color: #4b5563;
}

.dark .ln-pricing-hint {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.1);
    color: #d1d5db;
}

/* ?????????????????????????????????? An????????lise de An????????ncios ?????????????????????????????????? */
.ln-analysis {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    font-family: var(--ln-font-ui);
}

.fi-page:has(.ln-analysis) .fi-header {
    display: none;
}

.ln-analysis-masthead {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    padding: 1.35rem 1.4rem;
    border-radius: 1.15rem;
    color: #fff;
    background:
        radial-gradient(90% 70% at 0% 100%, rgba(255, 196, 140, 0.16), transparent 45%),
        radial-gradient(120% 80% at 100% 0%, rgba(255, 255, 255, 0.14), transparent 55%),
        linear-gradient(128deg, #2a2458 0%, #514795 52%, #1f1a42 100%);
    box-shadow: 0 16px 36px rgba(81, 71, 149, 0.24);
}

@media (min-width: 960px) {
    .ln-analysis-masthead {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        padding: 1.6rem 1.85rem;
        gap: 1.5rem;
    }
}

.ln-analysis-masthead__eyebrow {
    margin: 0;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
}

.ln-analysis-masthead__title {
    margin: 0.45rem 0 0;
    font-family: var(--ln-font-display);
    font-size: clamp(1.55rem, 2.4vw, 2.05rem);
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.08;
}

.ln-analysis-masthead__lead {
    margin: 0.55rem 0 0;
    max-width: none;
    font-size: 0.92rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.82);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ln-analysis-masthead__copy {
    min-width: 0;
    flex: 1 1 auto;
}

@media (max-width: 719px) {
    .ln-analysis-masthead__lead {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
    }
}

.ln-analysis-masthead__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.ln-analysis-filters {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.55rem;
    margin-left: auto;
}

.ln-analysis-filters__periods {
    justify-content: flex-end;
}

.ln-analysis-filters__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.ln-analysis-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #fff;
    padding: 0.5rem 0.9rem;
    font-size: 0.875rem;
    font-weight: 600;
    background-color: rgba(255, 255, 255, 0.12);
    background-image: none;
}

.ln-analysis-select::-ms-expand {
    display: none;
}

.ln-analysis-select option {
    color: #111827;
}

.ln-analysis-select--sm {
    padding: 0.3rem 0.65rem;
    font-size: 0.8rem;
    color: #374151;
    background: #fff;
    border-color: #d1d5db;
}

.ln-analysis-periods {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.ln-analysis-period {
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}

.ln-analysis-period.is-active {
    background: #fff;
    color: #4338ca;
    border-color: #fff;
}

.ln-analysis-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

@media (min-width: 800px) {
    .ln-analysis-kpis {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.ln-analysis-kpi {
    border-radius: 1rem;
    border: 1px solid var(--ln-line, #e8e4f0);
    background: #fff;
    padding: 0.9rem 1rem;
    min-width: 0;
    overflow: hidden;
}

.dark .ln-analysis-kpi {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.1);
}

.ln-analysis-kpi__label {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b7280;
}

.ln-analysis-kpi__value {
    margin: 0.35rem 0 0;
    font-family: var(--ln-font-display);
    font-size: clamp(1.05rem, 2.2vw, 1.35rem);
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #1f1738;
    line-height: 1.15;
    word-break: break-word;
}

.dark .ln-analysis-kpi__value {
    color: #f3f4f6;
}

.ln-analysis-kpi__value.is-money {
    font-size: 1.15rem;
}

.ln-analysis-kpi__hint {
    margin: 0.35rem 0 0;
    font-size: 0.72rem;
    color: #9ca3af;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.ln-analysis-note {
    border-radius: 0.9rem;
    border: 1px solid #fde68a;
    background: #fffbeb;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: #78350f;
}

.ln-analysis-panel {
    border-radius: 1.05rem;
    border: 1px solid var(--ln-line, #e8e4f0);
    background: #fff;
    overflow: hidden;
}

.dark .ln-analysis-panel {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
}

.ln-analysis-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--ln-line, #eeeaf5);
    background: #faf9fc;
}

.dark .ln-analysis-toolbar {
    background: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.ln-analysis-toolbar__left {
    display: flex;
    flex: 1 1 16rem;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    min-width: 0;
}

.ln-analysis-toolbar__right,
.ln-analysis-footer__right {
    margin-left: auto;
    flex-shrink: 0;
}

.ln-analysis-search {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 16rem;
    max-width: 28rem;
    min-width: 12rem;
}

.ln-analysis-search svg {
    position: absolute;
    left: 0.75rem;
    width: 1rem;
    height: 1rem;
    color: #8b83a8;
    pointer-events: none;
}

.ln-analysis-search input {
    width: 100%;
    border-radius: 0.75rem;
    border: 1px solid #cfc7e8;
    background: #fff;
    color: #1f1738;
    padding: 0.55rem 0.85rem 0.55rem 2.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    box-shadow: 0 1px 2px rgba(81, 71, 149, 0.08);
}

.ln-analysis-search input::placeholder {
    color: #9ca3af;
    font-weight: 400;
}

.ln-analysis-search input:focus {
    outline: none;
    border-color: #514795;
    box-shadow: 0 0 0 3px rgba(81, 71, 149, 0.18);
}

.ln-analysis-toolbar__count {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #4b5563;
}

.ln-analysis-toolbar__count span {
    font-weight: 500;
    color: #6b7280;
}

.ln-analysis-toolbar__per {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    flex-shrink: 0;
}

.ln-analysis-toolbar__per-label {
    font-size: 0.78rem;
    font-weight: 600;
    color: #6b7280;
    white-space: nowrap;
}

.ln-analysis-perpage-seg {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    padding: 0.2rem;
    border-radius: 0.85rem;
    border: 1px solid #d8d0ec;
    background: #f3f1f9;
    box-shadow: inset 0 1px 1px rgba(81, 71, 149, 0.04);
}

.ln-analysis-perpage-seg__btn {
    min-width: 2.35rem;
    height: 1.9rem;
    border: 0;
    border-radius: 0.65rem;
    background: transparent;
    color: #5b5670;
    font-family: var(--ln-font-ui);
    font-size: 0.8rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.ln-analysis-perpage-seg__btn:hover {
    color: #514795;
    background: rgba(255, 255, 255, 0.7);
}

.ln-analysis-perpage-seg__btn.is-active {
    background: #fff;
    color: #514795;
    box-shadow: 0 1px 3px rgba(81, 71, 149, 0.18);
}

.dark .ln-analysis-perpage-seg {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
}

.dark .ln-analysis-perpage-seg__btn {
    color: #c4bdd9;
}

.dark .ln-analysis-perpage-seg__btn.is-active {
    background: rgba(255, 255, 255, 0.12);
    color: #ddd6fe;
    box-shadow: none;
}

.ln-analysis-product__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.35rem;
    font-size: 0.78rem;
    color: #6b7280;
}

.ln-analysis-table-wrap {
    overflow-x: auto;
}

.ln-analysis-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    font-size: 0.8rem;
}

.ln-analysis-table th,
.ln-analysis-table td {
    padding: 0.28rem 0.65rem;
    border-top: 1px solid transparent;
    text-align: left;
    vertical-align: middle;
}

.ln-analysis-table thead th {
    border-top: 0;
    border-bottom: 1px solid #ebe6f4;
    padding: 0.5rem 0.65rem;
}

.ln-analysis-table--flat tbody tr:hover td {
    background: color-mix(in srgb, #514795 6%, transparent);
}

.ln-analysis-row.is-zebra-a td {
    background: #fff;
}

.ln-analysis-row.is-zebra-b td {
    background: #f6f4fb;
}

.dark .ln-analysis-row.is-zebra-a td {
    background: transparent;
}

.dark .ln-analysis-row.is-zebra-b td {
    background: rgba(255, 255, 255, 0.04);
}

.ln-analysis-row.is-group-start td {
    border-top: 1px solid #ddd6ee;
    padding-top: 0.45rem;
}

.ln-analysis-row.is-group-cont td {
    padding-top: 0.18rem;
    padding-bottom: 0.18rem;
}

.ln-analysis-row.is-group-end td {
    padding-bottom: 0.45rem;
}

.ln-analysis-cell-book {
    width: 30%;
    max-width: 28rem;
    vertical-align: middle !important;
    padding-top: 0.55rem !important;
    padding-bottom: 0.55rem !important;
    border-right: 1px solid color-mix(in srgb, #514795 10%, transparent);
}

.ln-analysis-book-row {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    min-width: 0;
}

.ln-analysis-book-thumb {
    flex: 0 0 auto;
    display: block;
    width: 8.3125rem; /* 133px ????????????????? metade de 266 */
    height: 12.5rem; /* 200px ????????????????? metade de 400 */
    border-radius: 0.4rem;
    overflow: hidden;
    background: color-mix(in srgb, var(--ln-line, #e5e7eb) 70%, #fff);
    border: 1px solid color-mix(in srgb, var(--ln-line, #e5e7eb) 80%, transparent);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.ln-analysis-book-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ln-analysis-book-thumb__empty {
    display: block;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(145deg, color-mix(in srgb, #514795 8%, #f3f4f6), #eef0f4);
}

.ln-analysis-book-meta {
    min-width: 0;
    flex: 1 1 auto;
}

.dark .ln-analysis-book-thumb {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
}

.dark .ln-analysis-book-thumb__empty {
    background: linear-gradient(145deg, rgba(81, 71, 149, 0.25), rgba(255, 255, 255, 0.06));
}

.ln-analysis-table th {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #9ca3af;
    background: #faf9fc;
    position: sticky;
    top: 0;
    z-index: 1;
}

.ln-analysis-table .is-num {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ln-analysis-table .is-strong {
    font-weight: 700;
}

.ln-analysis-row td {
    line-height: 1.25;
}

.ln-analysis-book {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: var(--ln-font-display);
    font-weight: 650;
    font-size: 0.84rem;
    letter-spacing: -0.02em;
    line-height: 1.25;
    color: #1f1738;
    text-decoration: none;
}

.ln-analysis-book:hover {
    color: #514795;
}

.dark .ln-analysis-book {
    color: #f3f4f6;
}

.ln-analysis-book__sub {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.12rem;
    white-space: nowrap;
    overflow: hidden;
}

.ln-analysis-cell-canal {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.ln-analysis-canal {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 16rem;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.ln-analysis-canal-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    color: #374151;
}

.ln-analysis-cell-id {
    width: 1%;
    white-space: nowrap;
    max-width: 7.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ln-analysis-table th:nth-child(3),
.ln-analysis-cell-status {
    width: 1%;
    white-space: nowrap;
    padding-left: 0.35rem;
}

.ln-analysis-table th:nth-child(2),
.ln-analysis-table td.ln-analysis-cell-canal {
    padding-right: 0.35rem;
}

.ln-analysis-markup {
    display: inline-block;
    flex-shrink: 0;
    border-radius: 0.3rem;
    background: #eef2ff;
    color: #3730a3;
    padding: 0.05rem 0.3rem;
    font-size: 0.65rem;
    font-weight: 700;
}

.ln-analysis-chip {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    border-radius: 999px;
    padding: 0.08rem 0.4rem;
    font-size: 0.64rem;
    font-weight: 700;
    background: #f3f4f6;
    color: #4b5563;
    white-space: nowrap;
}

.ln-analysis-chip.is-provider {
    background: color-mix(in srgb, #514795 14%, white);
    color: #514795;
}

.ln-analysis-chip.is-ok {
    background: #ecfdf5;
    color: #047857;
}

.ln-analysis-chip.is-warn,
.ln-analysis-chip.is-inactive {
    background: #fff7ed;
    color: #c2410c;
}

.ln-analysis-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.7rem;
    color: #9ca3af;
}

.ln-analysis-mono a {
    color: #514795;
}

.ln-analysis-fee {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.05rem;
    font-size: 0.72rem;
    line-height: 1.25;
    color: #4b5563;
}

.ln-analysis-fee.is-estimate {
    color: #6d28d9;
}

.ln-analysis-fee.is-estimate span:first-child {
    font-weight: 700;
}

.ln-analysis-net-est {
    color: #6d28d9 !important;
    font-size: 0.8rem;
}

.ln-analysis-row.is-best-sale > td:not(.ln-analysis-cell-book) {
    background: color-mix(in srgb, #514795 4%, transparent);
}

.ln-analysis-chip.is-best-sale {
    background: #8b84c4;
    color: #fff;
    font-weight: 700;
}

.ln-analysis-row.is-best-sale td.is-best-price {
    color: #6b63a8;
    font-weight: 800;
}

.ln-analysis-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.08rem;
    line-height: 1.2;
}

.ln-analysis-price__base {
    font-size: 0.65rem;
    font-weight: 600;
    color: #6b7280;
}

.ln-analysis-net {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.08rem;
    line-height: 1.2;
}

.ln-analysis-margin {
    font-size: 0.65rem;
    font-weight: 700;
}

.ln-analysis-margin.is-ok {
    color: #047857;
}

.ln-analysis-margin.is-bad {
    color: #b91c1c;
}

.ln-analysis-net-est .ln-analysis-margin.is-ok {
    color: #5b21b6;
}

.ln-analysis-net-est .ln-analysis-margin.is-bad {
    color: #9f1239;
}

.ln-analysis-empty-cell {
    text-align: center !important;
    padding: 2rem 1.25rem !important;
    color: #6b7280;
    font-size: 0.9rem;
}

.ln-analysis-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1.1rem;
    border-top: 1px solid var(--ln-line, #eeeaf5);
    background: #faf9fc;
}

.dark .ln-analysis-footer {
    background: rgba(255, 255, 255, 0.03);
    border-top-color: rgba(255, 255, 255, 0.08);
}

.ln-analysis-footer__meta {
    margin: 0;
    font-size: 0.82rem;
    color: #6b7280;
}

.ln-analysis-pager {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.ln-analysis-pager button {
    border-radius: 999px;
    border: 1px solid #d1d5db;
    background: #fff;
    padding: 0.4rem 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.ln-analysis-pager button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

/* ========== Tabelas de frete (admin) ========== */
.fi-page:has(.ln-shipping) .fi-header {
    display: none !important;
}

.ln-shipping {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    animation: ln-book-fade-in 0.4s ease both;
}

.ln-shipping-masthead__aside {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex-shrink: 0;
}

.ln-shipping-masthead__aside--actions {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.ln-shipping-masthead__cta,
.ln-shipping-masthead__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    border-radius: 0.85rem;
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none;
    padding: 0.7rem 1.05rem;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.ln-shipping-masthead__cta {
    background: #fff;
    color: #514795;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.ln-shipping-masthead__cta:hover {
    background: #f4f2ff;
}

.ln-shipping-masthead__cta svg {
    width: 1rem;
    height: 1rem;
}

.ln-shipping-masthead__btn--ghost {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.28);
    color: #fff;
}

.ln-shipping-masthead__btn--ghost:hover {
    background: rgba(255, 255, 255, 0.22);
}

.ln-shipping-masthead__btn--solid {
    background: #fff;
    color: #514795;
}

.ln-shipping-masthead__btn--solid:hover {
    background: #f4f2ff;
}

.ln-shipping-masthead__btn--danger {
    background: rgba(255, 80, 80, 0.18);
    border-color: rgba(255, 180, 180, 0.45);
    color: #fff;
}

.ln-shipping-masthead__btn--danger:hover {
    background: rgba(255, 80, 80, 0.32);
}

.ln-shipping__table,
.ln-shipping__form {
    background: #fff;
    border: 1px solid #e8e6f2;
    border-radius: 1rem;
    padding: 0.85rem 1rem 1rem;
}

.ln-shipping__form-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid #eceaf5;
}

.ln-shipping-rates-section .fi-fo-placeholder {
    margin: 0;
}

.ln-shipping-rates__head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
    padding: 0 2.4rem 0.3rem 0.1rem;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6b7280;
}

.ln-shipping-rates__pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.45rem;
}

.ln-shipping-rates.fi-fo-repeater {
    gap: 0 !important;
}

.ln-shipping-rates .fi-fo-repeater > ul > .grid,
.ln-shipping-rates .fi-fo-repeater .fi-fo-grid,
.ln-shipping-rates ul > div {
    gap: 0.35rem 0.55rem !important;
}

.ln-shipping-rates .fi-fo-repeater-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.2rem;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #eceaf5 !important;
    padding: 0.1rem 0 !important;
    margin: 0 !important;
}

.ln-shipping-rates .fi-fo-repeater-item.divide-y {
    border-top-width: 0;
}

.ln-shipping-rates .fi-fo-repeater-item-header {
    order: 2;
    flex: 0 0 auto;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.ln-shipping-rates .fi-fo-repeater-item-header .fi-icon-btn {
    width: 1.65rem;
    height: 1.65rem;
}

.ln-shipping-rates .fi-fo-repeater-item-content {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    padding: 0.05rem 0 !important;
}

.ln-shipping-rates .fi-fo-field-wrp {
    gap: 0 !important;
}

.ln-shipping-rates .fi-input-wrp {
    min-height: 1.85rem;
}

.ln-shipping-rates .fi-input {
    font-size: 0.85rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.ln-shipping-rates .fi-fo-repeater-add {
    margin-top: 0.4rem;
}

@media (max-width: 767px) {
    .ln-shipping-rates__head {
        grid-template-columns: 1fr;
        padding-right: 0.1rem;
    }

    .ln-shipping-rates__pair:last-child {
        display: none;
    }
}

.ln-user-edit .ln-shipping-masthead__aside {
    align-items: stretch;
}

.ln-user-edit .ln-shipping-masthead__aside--actions {
    margin-top: 0.15rem;
}

/* ========== Banco Inter (admin) ========== */
.fi-page:has(.ln-inter) .fi-header {
    display: none !important;
}

.ln-inter {
    --ln-inter: #ff7a00;
    --ln-inter-deep: #c2410c;
    --ln-brand: #514795;
    --ln-ink: #171322;
    --ln-muted: #6b647f;
    --ln-line: #e8e2f0;
    --ln-paper: #fcfaf8;
    accent-color: var(--ln-inter);
    font-family: var(--ln-font-ui, "Source Sans 3", "Segoe UI", system-ui, sans-serif);
    color: var(--ln-ink);
}

.ln-inter__hero {
    position: relative;
    overflow: hidden;
    border-radius: 1.15rem;
    margin-bottom: 1rem;
    color: #fff7ed;
    background:
        radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--ln-inter) 42%, transparent), transparent 48%),
        radial-gradient(70% 80% at 0% 100%, color-mix(in srgb, var(--ln-brand) 35%, transparent), transparent 50%),
        linear-gradient(135deg, #1a1228 0%, #2a1f45 48%, #3b2150 100%);
    box-shadow: 0 12px 28px color-mix(in srgb, #1a1228 22%, transparent);
}

.ln-inter__hero-glow {
    position: absolute;
    inset: -30% auto auto 55%;
    width: 16rem;
    height: 16rem;
    border-radius: 999px;
    background: radial-gradient(circle, color-mix(in srgb, var(--ln-inter) 30%, transparent), transparent 70%);
    filter: blur(6px);
    pointer-events: none;
    animation: ln-inter-pulse 7s ease-in-out infinite;
}

.ln-inter__hero-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(color-mix(in srgb, #fff 5%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, #fff 5%, transparent) 1px, transparent 1px);
    background-size: 24px 24px;
    mask-image: linear-gradient(180deg, #000 10%, transparent 85%);
    opacity: 0.28;
    pointer-events: none;
}

.ln-inter__hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(12rem, 0.55fr);
    gap: 1.25rem;
    align-items: end;
    padding: 1.35rem 1.4rem;
}

@media (min-width: 900px) {
    .ln-inter__hero-inner {
        padding: 1.6rem 1.85rem;
    }
}

/* Masthead Inter: mesma tipografia/estrutura do Correios e Tabelas de frete */
.ln-inter-masthead {
    margin-bottom: 1rem;
    background:
        radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, #ff7a00 28%, transparent), transparent 48%),
        radial-gradient(70% 80% at 0% 100%, rgba(255, 255, 255, 0.1), transparent 50%),
        linear-gradient(128deg, #2a2458 0%, #514795 52%, #1f1a42 100%);
}

.ln-inter__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.ln-inter__brand-mark {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: var(--ln-inter);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ln-inter) 28%, transparent);
}

.ln-inter__hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.85rem;
}

.ln-inter__btn {
    appearance: none;
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 0.48rem 0.9rem;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 160ms ease, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.ln-inter__btn:hover {
    transform: translateY(-1px);
}

.ln-inter__btn:active {
    transform: translateY(0);
}

.ln-inter__btn--solid {
    background: var(--ln-inter);
    color: #1a1228;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--ln-inter) 35%, transparent);
}

.ln-inter__btn--solid:hover {
    background: #ff8f2b;
}

.ln-inter__btn--ghost {
    background: color-mix(in srgb, #fff 8%, transparent);
    border-color: color-mix(in srgb, #fff 22%, transparent);
    color: #fff7ed;
}

.ln-inter__btn--ghost:hover {
    background: color-mix(in srgb, #fff 14%, transparent);
}

.ln-inter__btn--sm {
    padding: 0.45rem 0.85rem;
    font-size: 0.82rem;
}

.ln-inter__score {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.2rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.9rem;
    background: color-mix(in srgb, #0f0a18 45%, transparent);
    border: 1px solid color-mix(in srgb, #fff 12%, transparent);
    backdrop-filter: blur(10px);
    min-width: 0;
}

.ln-inter__score-label {
    margin: 0;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, #fff7ed 65%, transparent);
}

.ln-inter__score-value {
    margin: 0;
    font-family: var(--ln-font-display, "Plus Jakarta Sans", Figtree, ui-sans-serif, system-ui, sans-serif);
    line-height: 1;
}

.ln-inter__score-value strong {
    font-size: 1.55rem;
    font-weight: 700;
}

.ln-inter__score-value span {
    font-size: 0.9rem;
    color: color-mix(in srgb, #fff7ed 55%, transparent);
}

.ln-inter__score-mode {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--ln-inter);
}

.ln-inter__score-bar {
    height: 0.32rem;
    margin: 0.25rem 0 0.15rem;
    border-radius: 999px;
    background: color-mix(in srgb, #fff 12%, transparent);
    overflow: hidden;
}

.ln-inter__score-bar > span {
    display: block;
    height: 100%;
    width: var(--p, 0%);
    border-radius: inherit;
    background: linear-gradient(90deg, var(--ln-brand), var(--ln-inter));
    transition: width 500ms ease;
}

.ln-inter__score-state {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 700;
}

.ln-inter__score-state.is-ready { color: #86efac; }
.ln-inter__score-state.is-wait { color: #fdba74; }

.ln-inter__checks {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.ln-inter__check {
    display: flex;
    gap: 0.7rem;
    align-items: flex-start;
    padding: 0.9rem 0.95rem;
    border-radius: 0.9rem;
    border: 1px solid var(--ln-line);
    background: linear-gradient(180deg, #fff, var(--ln-paper));
    animation: ln-inter-rise 480ms ease both;
    animation-delay: calc(var(--i, 0) * 70ms);
}

.ln-inter__check-dot {
    width: 0.7rem;
    height: 0.7rem;
    margin-top: 0.3rem;
    border-radius: 999px;
    flex: 0 0 auto;
}

.ln-inter__check.is-ok .ln-inter__check-dot {
    background: #16a34a;
    box-shadow: 0 0 0 4px color-mix(in srgb, #16a34a 18%, transparent);
}

.ln-inter__check.is-miss .ln-inter__check-dot {
    background: #f59e0b;
    box-shadow: 0 0 0 4px color-mix(in srgb, #f59e0b 18%, transparent);
}

.ln-inter__check h2 {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 800;
}

.ln-inter__check p {
    margin: 0.15rem 0 0;
    font-size: 0.8rem;
    color: var(--ln-muted);
}

.ln-inter__split {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 0.85rem;
    margin-bottom: 1.15rem;
}

.ln-inter__certs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.ln-inter__cert {
    padding: 1rem;
    border-radius: 1rem;
    border: 1px dashed color-mix(in srgb, var(--ln-inter) 35%, var(--ln-line));
    background:
        linear-gradient(160deg, color-mix(in srgb, var(--ln-inter) 8%, #fff), #fff 55%);
}

.ln-inter__cert.is-ok {
    border-style: solid;
    border-color: color-mix(in srgb, #16a34a 35%, var(--ln-line));
    background: linear-gradient(160deg, color-mix(in srgb, #16a34a 8%, #fff), #fff 55%);
}

.ln-inter__cert header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.65rem;
}

.ln-inter__cert-ext {
    font-family: var(--ln-font-display, "Plus Jakarta Sans", Figtree, ui-sans-serif, system-ui, sans-serif);
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: var(--ln-brand);
}

.ln-inter__cert.is-ok .ln-inter__cert-ext {
    color: #15803d;
}

.ln-inter__cert-badge {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ln-inter) 14%, #fff);
    color: var(--ln-inter-deep);
}

.ln-inter__cert.is-ok .ln-inter__cert-badge {
    background: color-mix(in srgb, #16a34a 14%, #fff);
    color: #166534;
}

.ln-inter__cert-path {
    margin: 0;
}

.ln-inter__cert-path code {
    font-size: 0.78rem;
    color: var(--ln-ink);
    word-break: break-all;
}

.ln-inter__cert-note {
    margin: 0.45rem 0 0;
    font-size: 0.8rem;
    color: var(--ln-muted);
}

.ln-inter__webhook {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 1.05rem 1.1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--ln-brand) 18%, var(--ln-line));
    background:
        linear-gradient(160deg, color-mix(in srgb, var(--ln-brand) 8%, #fff), #fff 60%);
}

.ln-inter__webhook-label {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--ln-muted);
}

.ln-inter__webhook-url {
    margin: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.78rem;
    line-height: 1.4;
    word-break: break-all;
    color: var(--ln-brand);
}

.ln-inter__webhook-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 0.9rem;
    font-size: 0.78rem;
    color: var(--ln-muted);
}

.ln-inter__webhook .ln-inter__btn--ghost {
    align-self: flex-start;
    background: #fff;
    border-color: var(--ln-line);
    color: var(--ln-ink);
}

.ln-inter__webhook .ln-inter__btn--ghost:hover {
    border-color: color-mix(in srgb, var(--ln-inter) 40%, var(--ln-line));
    background: color-mix(in srgb, var(--ln-inter) 8%, #fff);
}

.ln-inter__webhook-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.15rem;
}

.ln-inter__webhook .ln-inter__btn--solid {
    color: #1a1228;
}

.ln-inter__tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.15rem;
    padding: 1rem 1.15rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--ln-inter) 28%, var(--ln-line));
    background:
        linear-gradient(120deg, color-mix(in srgb, var(--ln-inter) 12%, #fff), #fff 55%);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--ln-inter) 10%, transparent);
}

.ln-inter__tools-copy h2 {
    margin: 0;
    font-family: var(--ln-font-display, "Plus Jakarta Sans", Figtree, ui-sans-serif, system-ui, sans-serif);
    font-size: 1.05rem;
    font-weight: 800;
}

.ln-inter__tools-copy p {
    margin: 0.2rem 0 0;
    font-size: 0.88rem;
    color: var(--ln-muted);
}

.ln-inter__tools-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.ln-inter__btn--orange {
    background: var(--ln-inter);
    color: #1a1228;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ln-inter) 30%, transparent);
}

.ln-inter__btn--orange:hover {
    background: #ff8f2b;
}

.ln-inter__btn:disabled {
    opacity: 0.6;
    cursor: wait;
    transform: none;
}

.dark .ln-inter__tools {
    background: linear-gradient(120deg, color-mix(in srgb, var(--ln-inter) 18%, #161422), #161422);
}

.ln-inter__form-shell {
    border-radius: 1.15rem;
    border: 1px solid var(--ln-line);
    background: linear-gradient(180deg, #fff, var(--ln-paper));
    padding: 1.15rem 1.2rem 1.25rem;
    box-shadow: 0 10px 28px color-mix(in srgb, var(--ln-brand) 6%, transparent);
}

.ln-inter__form-head {
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--ln-line);
}

.ln-inter__form-head h2 {
    margin: 0;
    font-family: var(--ln-font-display, "Plus Jakarta Sans", Figtree, ui-sans-serif, system-ui, sans-serif);
    font-size: 1.2rem;
    font-weight: 800;
}

.ln-inter__form-head p {
    margin: 0.25rem 0 0;
    color: var(--ln-muted);
    font-size: 0.9rem;
}

.ln-inter__form-actions {
    margin-top: 1.1rem;
    padding-top: 0.9rem;
    border-top: 1px solid var(--ln-line);
}

.ln-inter .fi-section {
    border-radius: 0.9rem;
    border-color: color-mix(in srgb, var(--ln-brand) 12%, var(--ln-line));
    background: #fff;
}

.ln-inter .fi-form {
    gap: 1rem;
}

.ln-inter .fi-section-content {
    gap: 0.95rem;
}

.ln-inter .fi-fieldset {
    border-radius: 0.8rem;
    border-color: color-mix(in srgb, var(--ln-brand) 10%, var(--ln-line));
    background: color-mix(in srgb, var(--ln-brand) 3%, #fff);
}

.ln-inter .fi-fieldset-legend {
    font-weight: 800;
}

.ln-inter .fi-fo-toggle-buttons .fi-btn {
    border-radius: 999px !important;
}

.ln-inter .fi-input,
.ln-inter .fi-select-input,
.ln-inter .fi-fo-tags-input {
    border-radius: 0.7rem !important;
}

@keyframes ln-inter-pulse {
    0%, 100% { opacity: 0.55; transform: scale(1); }
    50% { opacity: 0.9; transform: scale(1.05); }
}

@keyframes ln-inter-rise {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1100px) {
    .ln-inter__checks {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .ln-inter__hero-inner,
    .ln-inter__split {
        grid-template-columns: 1fr;
    }

    .ln-inter .fi-fo-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .ln-inter__hero-inner {
        padding: 1.15rem 1.2rem;
    }

    .ln-inter__checks,
    .ln-inter__certs {
        grid-template-columns: 1fr;
    }
}

.dark .ln-inter {
    --ln-ink: #f3efff;
    --ln-muted: #b7afc9;
    --ln-line: color-mix(in srgb, #c4b5fd 18%, transparent);
    --ln-paper: #161422;
}

.dark .ln-inter__check,
.dark .ln-inter__form-shell,
.dark .ln-inter__cert,
.dark .ln-inter__webhook {
    background: linear-gradient(180deg, color-mix(in srgb, var(--ln-brand) 16%, #161422), #161422);
}

.dark .ln-inter__cert.is-ok {
    background: linear-gradient(160deg, color-mix(in srgb, #16a34a 14%, #161422), #161422);
}

.dark .ln-inter__webhook .ln-inter__btn--ghost {
    background: transparent;
    color: var(--ln-ink);
}

/* ?????????????????????????????????? Carteira (seller) ?????????????????????????????????? */
.ln-wallet {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ln-wallet-page .ln-pricing-masthead,
.fi-page-wallet-credits .ln-pricing-masthead {
    gap: 0.85rem;
    padding: 1rem 1.15rem;
}

@media (min-width: 900px) {
    .ln-wallet-page .ln-pricing-masthead,
    .fi-page-wallet-credits .ln-pricing-masthead {
        padding: 1.15rem 1.35rem;
        align-items: center;
    }
}

.ln-wallet-page .ln-pricing-masthead__title,
.fi-page-wallet-credits .ln-pricing-masthead__title {
    font-size: clamp(1.35rem, 2vw, 1.7rem);
    margin-top: 0.3rem;
}

.ln-wallet-page .ln-pricing-masthead__lead,
.fi-page-wallet-credits .ln-pricing-masthead__lead {
    margin-top: 0.35rem;
    font-size: 0.86rem;
    max-width: 32rem;
}

.ln-wallet-page .ln-pricing-masthead__stat,
.fi-page-wallet-credits .ln-pricing-masthead__stat {
    padding: 0.55rem 0.7rem;
}

.ln-wallet-page .ln-pricing-masthead__stat strong,
.fi-page-wallet-credits .ln-pricing-masthead__stat strong {
    font-size: 1.25rem;
}

.ln-wallet__report {
    display: grid;
    gap: 0.4rem;
    justify-items: end;
    align-content: start;
}
.ln-wallet__report-label {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
}
.ln-wallet__report-label svg {
    width: 0.95rem;
    height: 0.95rem;
}
.ln-wallet__report-periods {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.3rem;
}
.ln-wallet__report-pill {
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    padding: 0.38rem 0.72rem;
    font-size: 0.78rem;
    font-weight: 650;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.ln-wallet__report-pill:hover {
    background: #fff;
    color: #4338ca;
    border-color: #fff;
}
.ln-wallet__report-pill:disabled {
    opacity: 0.55;
    cursor: wait;
}
@media (max-width: 720px) {
    .ln-wallet__report {
        justify-items: stretch;
        width: 100%;
    }
    .ln-wallet__report-periods {
        justify-content: flex-start;
    }
}

.ln-wallet__stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    grid-template-columns: none;
    gap: 0.5rem;
}

.ln-wallet__stats .ln-pricing-masthead__stat {
    min-width: 6.5rem;
}

.ln-wallet__stat--balance {
    border-color: rgba(255, 255, 255, 0.38);
    background: rgba(255, 255, 255, 0.2);
}

.ln-wallet__notice {
    padding: 0.9rem 1.1rem;
    border-radius: 0.9rem;
    border: 1px solid color-mix(in srgb, #b45309 28%, transparent);
    background: color-mix(in srgb, #fbbf24 14%, #fff);
    color: #92400e;
}

.ln-wallet__notice p {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.45;
}

.ln-wallet__grid {
    display: grid;
    gap: 1.15rem;
}

.ln-wallet__panel {
    padding: 1.1rem 1.2rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--ln-brand, #514795) 14%, #e6e2ef);
    background: #fff;
}

.ln-wallet__heading {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #1f1a42;
}

.ln-wallet__buy-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem 1.5rem;
}

.ln-wallet__buy-packages {
    flex: 1 1 22rem;
    min-width: 0;
}

.ln-wallet__buy-packages .ln-wallet__heading {
    margin-bottom: 0.55rem;
}

.ln-wallet__packages {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0;
}

form.ln-wallet__recharge,
.ln-wallet__recharge {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: 0.65rem;
    flex: 0 1 22rem;
    min-width: 16rem;
    margin-left: auto;
}

.ln-wallet__recharge-field {
    flex: 1 1 auto;
    min-width: 8.5rem;
}

.ln-wallet__recharge-field .fi-fo-field-wrp,
.ln-wallet__recharge-field .fi-fo-component-ctn,
.ln-wallet__recharge-field .grid {
    max-width: none;
    width: 100%;
}

.ln-wallet__recharge-field .fi-fo-field-wrp-label {
    margin-bottom: 0.35rem;
}

.ln-wallet__form-actions {
    margin-top: 0;
    flex: 0 0 auto;
    display: flex;
    align-items: flex-end;
}

.ln-wallet__recharge-btn {
    min-height: 2.5rem;
    height: 2.5rem;
    padding-inline: 1.15rem;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .ln-wallet__buy-row {
        flex-direction: column;
        align-items: stretch;
    }

    form.ln-wallet__recharge,
    .ln-wallet__recharge {
        margin-left: 0;
        width: 100%;
        flex: 1 1 auto;
    }
}

@media (max-width: 520px) {
    form.ln-wallet__recharge,
    .ln-wallet__recharge {
        flex-wrap: wrap;
    }

    .ln-wallet__recharge-btn {
        width: 100%;
        justify-content: center;
    }

    .ln-wallet__form-actions {
        flex: 1 1 100%;
    }
}

.ln-wallet__meta {
    margin: 0 0 0.75rem;
    font-size: 0.9rem;
    color: #6b647f;
}

.ln-wallet__qr {
    display: block;
    width: 240px;
    height: 240px;
    margin: 0 auto 1rem;
    border-radius: 0.5rem;
}

.ln-wallet__label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.85rem;
    color: #6b647f;
}

.ln-wallet__copy {
    width: 100%;
    padding: 0.6rem;
    border: 1px solid #e6e2ef;
    border-radius: 0.5rem;
    font-size: 0.8rem;
    line-height: 1.4;
    resize: vertical;
    background: #faf9fc;
}

.ln-wallet__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.ln-wallet__ledger-head {
    margin-bottom: 0.85rem;
}

.ln-wallet__ledger-head .ln-wallet__heading {
    margin-bottom: 0.2rem;
}

.ln-wallet__ledger-sub {
    margin: 0;
    font-size: 0.82rem;
    color: #6b647f;
}

.ln-wallet__ledger {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.ln-wallet__tx {
    display: grid;
    grid-template-columns: 0.28rem minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
    padding: 0.7rem 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid #eeeaf5;
    background: color-mix(in srgb, #faf9fc 88%, #fff);
}

.ln-wallet__tx-rail {
    width: 0.28rem;
    min-height: 2.1rem;
    border-radius: 999px;
    background: #86efac;
    align-self: stretch;
}

.ln-wallet__tx.is-out .ln-wallet__tx-rail {
    background: #fca5a5;
}

.ln-wallet__tx-top {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.25rem 0.75rem;
}

.ln-wallet__tx-type {
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #1f1a42;
}

.ln-wallet__tx-date {
    margin: 0;
    font-size: 0.74rem;
    color: #6b647f;
    font-variant-numeric: tabular-nums;
}

.ln-wallet__tx-desc {
    margin: 0.25rem 0 0;
    font-size: 0.8rem;
    color: #6b647f;
}

.ln-wallet__tx-reason {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.5rem;
    align-items: baseline;
    margin: 0.4rem 0 0;
    padding: 0.35rem 0.5rem;
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--ln-brand, #514795) 7%, #fff);
    font-size: 0.8rem;
    line-height: 1.35;
    color: #3f3a55;
}

.ln-wallet__tx-reason span {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--ln-brand, #514795) 75%, #6b647f);
}

.ln-wallet__tx-amount {
    font-weight: 700;
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    padding-top: 0.1rem;
}

.ln-wallet__tx-amount.is-debit {
    color: #b91c1c;
}

.ln-wallet__tx-amount.is-credit {
    color: #15803d;
}

.ln-wallet__empty {
    margin: 0.25rem 0 0;
    color: #6b647f;
    font-size: 0.9rem;
}

.dark .ln-wallet__panel {
    background: #161422;
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
}

.dark .ln-wallet__heading {
    color: #f3efff;
}

.dark .ln-wallet__meta,
.dark .ln-wallet__label,
.dark .ln-wallet__tx-date,
.dark .ln-wallet__tx-desc,
.dark .ln-wallet__ledger-sub,
.dark .ln-wallet__empty {
    color: #b7afc9;
}

.dark .ln-wallet__tx-type {
    color: #f3efff;
}

.dark .ln-wallet__tx {
    border-color: color-mix(in srgb, #c4b5fd 14%, transparent);
    background: color-mix(in srgb, #c4b5fd 6%, #161422);
}

.dark .ln-wallet__tx-reason {
    background: color-mix(in srgb, #c4b5fd 10%, #161422);
    color: #e8e2f7;
}

.dark .ln-wallet__tx-reason span {
    color: #c4b5fd;
}

.dark .ln-wallet__copy {
    background: #1c1828;
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
    color: #f3efff;
}

.dark .ln-wallet__notice {
    background: color-mix(in srgb, #b45309 18%, #161422);
    border-color: color-mix(in srgb, #fdba74 28%, transparent);
    color: #fdba74;
}

/* ?????????????????????????????????? Financeiro (admin) ?????????????????????????????????? */
.ln-finance {
    --ln-finance-ink: #1f1a42;
    --ln-finance-muted: #6b647f;
    --ln-finance-line: color-mix(in srgb, var(--ln-brand, #514795) 14%, #e6e2ef);
    --ln-finance-paper: #fff;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.ln-finance__dock {
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    border: 1px solid var(--ln-finance-line);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--ln-brand, #514795) 5%, #fff), #fff);
    box-shadow: 0 10px 28px color-mix(in srgb, #1f1a42 6%, transparent);
}

.ln-finance__dock-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.35rem 1rem;
    margin-bottom: 0.65rem;
}

.ln-finance__dock-head h2 {
    margin: 0;
    font-family: var(--ln-font-display);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--ln-finance-ink);
}

.ln-finance__dock-hint,
.ln-finance__dock-balance {
    margin: 0;
    font-size: 0.8rem;
    color: var(--ln-finance-muted);
}

.ln-finance__dock-balance strong {
    color: var(--ln-brand, #514795);
    font-variant-numeric: tabular-nums;
}

.ln-finance__form {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.ln-finance__dock-submit {
    display: flex;
    justify-content: flex-end;
}

.ln-finance__go {
    white-space: nowrap;
    min-height: 2.35rem;
    padding-inline: 1.1rem;
}

/* densificar Filament s???????? nesta toolbar */
.ln-finance__dock .fi-fo-field-wrp {
    gap: 0.25rem;
}

.ln-finance__dock .fi-fo-field-wrp-label {
    font-size: 0.72rem !important;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ln-finance-muted) !important;
}

.ln-finance__dock .fi-input,
.ln-finance__dock .fi-select-input,
.ln-finance__dock input,
.ln-finance__dock textarea,
.ln-finance__dock .fi-fo-text-input input {
    min-height: 2.35rem;
    font-size: 0.88rem !important;
}

.ln-finance__dock .fi-bt-group,
.ln-finance__dock .fi-fo-toggle-buttons {
    flex-wrap: wrap;
}

.ln-finance__dock .fi-bt-group button,
.ln-finance__dock .fi-fo-toggle-buttons button {
    min-height: 2.35rem;
    padding: 0.35rem 0.65rem !important;
    font-size: 0.8rem !important;
}

.ln-finance__dock .fi-fo-field-wrp-helper-text,
.ln-finance__dock .fi-fo-field-wrp-hint {
    display: none;
}

.ln-finance__split {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(14rem, 0.75fr);
    gap: 0.9rem;
    align-items: start;
}

.ln-finance__panel {
    padding: 0.95rem 1.05rem;
    border-radius: 1rem;
    border: 1px solid var(--ln-finance-line);
    background: var(--ln-finance-paper);
    content-visibility: auto;
    contain-intrinsic-size: 480px;
    min-width: 0;
}

.ln-finance__panel--ledger {
    overflow: hidden;
}

.ln-finance__panel--pix {
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 6rem);
    overflow: auto;
    scrollbar-gutter: stable;
}

.ln-finance__panel-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.25rem 0.75rem;
    margin-bottom: 0.75rem;
}

.ln-finance__panel-head h2 {
    margin: 0;
    font-family: var(--ln-font-display);
    font-size: 0.98rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--ln-finance-ink);
}

.ln-finance__panel-head p {
    margin: 0;
    font-size: 0.8rem;
    color: var(--ln-finance-muted);
}

.ln-finance__table {
    min-width: 0;
    max-width: 100%;
}

.ln-finance__table .fi-ta-ctn,
.ln-finance__table .fi-ta-content,
.ln-finance__table .fi-ta-main,
.ln-finance__table .fi-ta-table-container {
    overflow-x: hidden !important;
    max-width: 100%;
}

.ln-finance__table .fi-ta-table {
    width: 100% !important;
    table-layout: fixed;
}

.ln-finance__table .fi-ta-header-cell,
.ln-finance__table .fi-ta-cell {
    font-size: 0.78rem;
    white-space: normal !important;
    word-break: break-word;
    vertical-align: top;
}

.ln-finance__table .fi-ta-header-cell {
    font-size: 0.7rem;
}

.ln-finance__table .ln-finance-col-when {
    width: 5.5rem;
}

.ln-finance__table .ln-finance-col-seller {
    width: 26%;
}

.ln-finance__table .ln-finance-col-type {
    width: 5.75rem;
}

.ln-finance__table .ln-finance-col-money {
    width: 5.75rem;
    white-space: nowrap !important;
}

.ln-finance__table .ln-finance-col-reason {
    width: 24%;
}

.ln-finance__table .fi-ta-header-cell,
.ln-finance__table .fi-ta-cell {
    padding-inline: 0.45rem !important;
}

.ln-finance__table .fi-ta-text-item,
.ln-finance__table .fi-ta-col-wrp,
.ln-finance__table .fi-ta-text,
.ln-finance__table .whitespace-nowrap {
    white-space: normal !important;
}

.ln-finance__table .ln-finance-col-money .fi-ta-text-item,
.ln-finance__table .ln-finance-col-money .whitespace-nowrap {
    white-space: nowrap !important;
}

.ln-finance__table .fi-badge {
    white-space: nowrap;
    font-size: 0.68rem;
    max-width: 100%;
}

.ln-finance__pix-list {
    display: flex;
    flex-direction: column;
}

.ln-finance__pix-row {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid #eeeaf5;
}

.ln-finance__pix-row:last-child {
    border-bottom: 0;
}

.ln-finance__pix-main strong {
    font-size: 0.86rem;
    color: var(--ln-finance-ink);
}

.ln-finance__pix-meta {
    margin-top: 0.15rem;
    font-size: 0.74rem;
    color: var(--ln-finance-muted);
    word-break: break-all;
}

.ln-finance__pix-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.15rem;
    flex-shrink: 0;
}

.ln-finance__pix-amount {
    font-size: 0.86rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--ln-finance-ink);
}

.ln-finance__pix-status {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--ln-finance-muted);
}

.ln-finance__pix-status.is-paid {
    color: #15803d;
}

.ln-finance__pix-status.is-wait {
    color: #b45309;
}

.ln-finance__empty {
    margin: 0.35rem 0 0;
    color: var(--ln-finance-muted);
    font-size: 0.86rem;
}

@media (max-width: 1100px) {
    .ln-finance__split {
        grid-template-columns: 1fr;
    }

    .ln-finance__panel--pix {
        position: static;
        max-height: none;
    }
}

@media (max-width: 720px) {
    .ln-finance__go {
        width: 100%;
    }

    .ln-finance__dock-submit {
        justify-content: stretch;
    }
}

.dark .ln-finance {
    --ln-finance-ink: #f3efff;
    --ln-finance-muted: #b7afc9;
    --ln-finance-line: color-mix(in srgb, #c4b5fd 18%, transparent);
    --ln-finance-paper: #161422;
}

.dark .ln-finance__dock {
    background: linear-gradient(180deg, color-mix(in srgb, var(--ln-brand, #514795) 18%, #161422), #161422);
}

.dark .ln-finance__pix-row {
    border-bottom-color: color-mix(in srgb, #c4b5fd 14%, transparent);
}

.dark .ln-finance__pix-status.is-paid {
    color: #86efac;
}

.dark .ln-finance__pix-status.is-wait {
    color: #fdba74;
}


.ln-users-body .fi-ta-search-field {
    display: none !important;
}

.ln-users__search-box {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex: 0 0 18rem;
    width: 18rem;
    min-width: 14rem;
    max-width: 22rem;
    margin-left: auto;
    order: 99;
    padding: 0.4rem 0.8rem;
    border-radius: 0.65rem;
    border: 1px solid color-mix(in srgb, #514795 18%, transparent);
    background: #fff;
}

.ln-users__search-box svg {
    width: 0.95rem;
    height: 0.95rem;
    color: color-mix(in srgb, #514795 70%, #6b647f);
    flex: 0 0 auto;
}

.ln-users__search-box input {
    width: 100%;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent;
    font-size: 0.84rem;
    color: #1c1730;
    padding: 0.2rem 0;
}

.ln-users__search-box:focus-within {
    border-color: color-mix(in srgb, #514795 42%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, #514795 12%, transparent);
}

.dark .ln-users__search-box {
    background: #161422;
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
}

.dark .ln-users__search-box input {
    color: #f3efff;
}

@media (max-width: 768px) {
    .ln-users__search-box {
        flex: 1 1 100%;
        max-width: none;
        margin-left: 0;
        order: 99;
    }
}
/* Users list (admin) ? toolbar + filter chips */
.ln-users__toolbar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.75rem 0.9rem;
    margin: 0 0 0.75rem;
}

.ln-users__tabs {
    display: none;
}

.ln-users-body .fi-ta-filters,
.ln-users-body .fi-ta-filters-trigger,
.ln-users-body .fi-ta-header-toolbar .fi-dropdown {
    display: none !important;
}

.ln-users__select-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex: 0 0 auto;
    min-width: 0;
}

.ln-users__select-label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: color-mix(in srgb, #514795 55%, #6b647f);
    white-space: nowrap;
}

.ln-users__select {
    appearance: none;
    box-sizing: border-box;
    width: 13.5rem;
    min-width: 13.5rem;
    max-width: 13.5rem;
    height: 2.35rem;
    padding: 0.4rem 2rem 0.4rem 0.7rem;
    border-radius: 0.65rem;
    border: 1px solid color-mix(in srgb, #514795 18%, transparent);
    background:
        #fff
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='%23514795'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.17l3.71-3.94a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E")
        no-repeat right 0.65rem center / 0.7rem;
    color: #1c1730;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}

.ln-users__select:focus {
    outline: none;
    border-color: color-mix(in srgb, #514795 42%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, #514795 12%, transparent);
}

.dark .ln-users__select-label {
    color: color-mix(in srgb, #c4b5fd 70%, #9ca3af);
}

.dark .ln-users__select {
    background-color: #161422;
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
    color: #f3efff;
}

.ln-users__filter-group {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.5rem;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    padding-left: 0.85rem;
    margin-left: 0.15rem;
    border-left: 1px solid color-mix(in srgb, #514795 14%, transparent);
}

.dark .ln-users__filter-group {
    border-left-color: color-mix(in srgb, #c4b5fd 16%, transparent);
}

.ln-users__filter-label {
    flex: 0 0 auto;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: color-mix(in srgb, #514795 50%, #6b647f);
    white-space: nowrap;
}

.dark .ln-users__filter-label {
    color: color-mix(in srgb, #c4b5fd 65%, #9ca3af);
}

.ln-users__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    flex: 1 1 auto;
    min-width: 0;
}

.ln-users__chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, #514795 16%, transparent);
    background: #fff;
    color: #514795;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.15;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.ln-users__chip:hover {
    background: color-mix(in srgb, #514795 8%, #fff);
    border-color: color-mix(in srgb, #514795 30%, transparent);
}

.ln-users__chip.is-active {
    background: #514795;
    border-color: #514795;
    color: #fff;
    box-shadow: 0 1px 2px color-mix(in srgb, #514795 28%, transparent);
}

.ln-users__chip--market {
    padding: 0.28rem 0.62rem 0.28rem 0.45rem;
    font-weight: 650;
    background: color-mix(in srgb, #514795 4%, #fff);
}

.ln-users__chip--logo {
    padding: 0.3rem;
    width: 2rem;
    height: 2rem;
    justify-content: center;
}

.ln-users__chip--logo .ln-users__chip-logo {
    width: 1.15rem;
    height: 1.15rem;
}

.ln-users__chip-logo {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
    border-radius: 0.2rem;
    flex: 0 0 auto;
    background: #fff;
}

.ln-users__chip--market.is-active .ln-users__chip-logo {
    box-shadow: 0 0 0 1px color-mix(in srgb, #fff 35%, transparent);
}

.dark .ln-users__chip {
    background: color-mix(in srgb, #514795 16%, #161422);
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
    color: #c4b5fd;
}

.dark .ln-users__chip.is-active {
    background: #514795;
    color: #fff;
}

.ln-users__clear-filters {
    margin-left: 0;
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, #b45309 28%, transparent);
    background: color-mix(in srgb, #f59e0b 10%, #fff);
    color: #92400e;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
}

.ln-users__clear-filters:hover {
    background: color-mix(in srgb, #f59e0b 18%, #fff);
}

.dark .ln-users__clear-filters {
    background: color-mix(in srgb, #f59e0b 14%, #161422);
    border-color: color-mix(in srgb, #fbbf24 28%, transparent);
    color: #fbbf24;
}

.ln-users-kpis .ln-users-kpi {
    appearance: none;
    width: 100%;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.ln-users-kpis .ln-users-kpi:hover {
    transform: translateY(-1px);
}

.ln-users-kpis .ln-users-kpi.is-active {
    border-color: color-mix(in srgb, #514795 45%, transparent);
    box-shadow: 0 0 0 2px color-mix(in srgb, #514795 18%, transparent);
}

@media (max-width: 1100px) {
    .ln-users__filter-group {
        flex: 1 1 18rem;
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
    }

    .ln-users__search-box {
        flex: 0 1 18rem;
        width: 18rem;
        margin-left: auto;
        order: 99;
    }
}

@media (max-width: 768px) {
    .ln-users__search-box {
        flex: 1 1 100%;
        width: auto;
        max-width: none;
        margin-left: 0;
        order: 99;
    }

    .ln-users__select {
        max-width: none;
        min-width: 0;
        width: 100%;
    }

    .ln-users__select-wrap {
        flex: 1 1 100%;
    }

    .ln-users__filter-group {
        flex: 1 1 100%;
    }
}

.ln-users-body .fi-ta-header-cell,
.ln-users-body .fi-ta-cell {
    font-size: 0.8rem;
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
}

.ln-users-body .fi-ta-text-item-label {
    font-size: 0.8rem;
}

.ln-users-body .fi-ta-text-item-description {
    font-size: 0.72rem;
    opacity: 0.8;
}

.ln-users-seller-meta {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.ln-users-type {
    display: inline-flex;
    align-items: center;
    padding: 0.05rem 0.35rem;
    border-radius: 0.3rem;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #514795;
    background: color-mix(in srgb, #514795 12%, #fff);
}

.ln-users-tier-inf {
    font-size: 1.15rem;
    line-height: 0;
    vertical-align: -2px;
}

.ln-users-status {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}

.ln-users-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.ln-users-pill.is-ok {
    color: #166534;
    background: #dcfce7;
}

.ln-users-pill.is-off {
    color: #991b1b;
    background: #fee2e2;
}

.ln-users-pill.is-warn {
    color: #9a3412;
    background: #ffedd5;
}

.ln-users-pill.is-muted {
    color: #475569;
    background: #e2e8f0;
}

.ln-users-channels {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 6.5rem;
}

.ln-users-channel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0.45rem;
    border-radius: 0.4rem;
    font-size: 0.68rem;
    font-weight: 700;
    color: #514795;
    background: color-mix(in srgb, #514795 10%, #fff);
    border: 1px solid color-mix(in srgb, #514795 18%, transparent);
    text-decoration: none;
}

.ln-users-channel:hover {
    background: color-mix(in srgb, #514795 18%, #fff);
}

.ln-users-channel.is-off {
    color: #64748b;
    background: #f1f5f9;
    border-color: #e2e8f0;
    opacity: 0.85;
}

.ln-users-channels-empty {
    color: #94a3b8;
}

.ln-users-body.inline-actions .fi-ta-cell .fi-ta-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.3rem !important;
    width: 7.25rem;
    min-width: 7.25rem;
}

.ln-users-body.inline-actions .fi-ta-cell .fi-ta-actions .fi-btn,
.ln-users-body.inline-actions .fi-ta-cell .fi-ta-actions .ln-row-action,
.ln-users-body.inline-actions .fi-ta-cell .fi-ta-actions a,
.ln-users-body.inline-actions .fi-ta-cell .fi-ta-actions button {
    width: 100% !important;
    min-width: 100% !important;
    justify-content: center !important;
    white-space: nowrap;
    padding: 0.2rem 0.4rem !important;
    font-size: 0.68rem !important;
    min-height: 1.5rem !important;
    border-radius: 0.45rem !important;
}

/* ?????????????????????????????????? Conex????????o DockME: Status | Credenciais lado a lado ?????????????????????????????????? */
.ln-canal-manage-grid.ln-conexao-dockme-grid {
    display: grid;
    gap: 1rem;
    align-items: stretch;
}

@media (min-width: 900px) {
    .ln-canal-manage-grid.ln-conexao-dockme-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

.ln-conexao-dockme-grid__form {
    min-width: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ln-conexao-dockme-grid__form > form {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.ln-conexao-dockme-grid__form .ln-canal-fi-panel.fi-section,
.ln-conexao-dockme-grid__form .fi-section.ln-canal-fi-panel,
.ln-conexao-dockme-grid__form .ln-dockme-cred-panel {
    flex: 1 1 auto;
    height: auto;
    margin: 0;
}

.ln-dockme-cred-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    margin-top: auto;
    padding-top: 0.85rem;
}

@media (max-width: 560px) {
    .ln-dockme-cred-actions {
        justify-content: stretch;
    }

    .ln-dockme-cred-actions .ln-canal-btn {
        flex: 1 1 auto;
        justify-content: center;
    }
}

.ln-dockme-status-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.ln-dockme-status-card__title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.ln-dockme-status-card__title-row h2 {
    margin: 0;
}

.ln-dockme-status-card__title-row p {
    margin: 0.35rem 0 0;
    max-width: 28rem;
}

.ln-dockme-status-card__body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
}

.ln-dockme-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.ln-dockme-metric {
    padding: 0.85rem 0.9rem;
    border-radius: 0.85rem;
    border: 1px solid color-mix(in srgb, var(--ch, #0d6e58) 22%, var(--ln-line, #e6e2ef));
    background:
        linear-gradient(160deg, color-mix(in srgb, var(--ch, #0d6e58) 12%, #fff), #fff 70%);
}

.dark .ln-dockme-metric {
    background: linear-gradient(160deg, color-mix(in srgb, var(--ch, #0d6e58) 22%, #161422), #161422 72%);
    border-color: color-mix(in srgb, var(--ch, #0d6e58) 30%, transparent);
}

.ln-dockme-metric.is-empty {
    opacity: 0.72;
}

.ln-dockme-metric__label {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ln-muted, #6b647f);
}

.ln-dockme-metric__value {
    display: block;
    margin-top: 0.35rem;
    font-size: 1.05rem;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: var(--ln-ink, #171322);
    font-variant-numeric: tabular-nums;
}

.dark .ln-dockme-metric__value {
    color: #f4f2ff;
}

.ln-dockme-hint {
    margin: 0;
    padding: 0.7rem 0.85rem;
    border-radius: 0.75rem;
    font-size: 0.84rem;
    line-height: 1.45;
    color: var(--ln-muted, #6b647f);
    background: color-mix(in srgb, var(--ch, #0d6e58) 8%, transparent);
    border: 1px dashed color-mix(in srgb, var(--ch, #0d6e58) 28%, transparent);
}

.ln-dockme-facts {
    display: grid;
    gap: 0.55rem;
    margin: 0;
}

.ln-dockme-facts > div {
    display: grid;
    grid-template-columns: 8.5rem minmax(0, 1fr);
    gap: 0.5rem;
    align-items: baseline;
    font-size: 0.84rem;
}

.ln-dockme-facts dt {
    margin: 0;
    color: var(--ln-muted, #6b647f);
    font-weight: 600;
}

.ln-dockme-facts dd {
    margin: 0;
    text-align: right;
    font-weight: 700;
    color: var(--ln-ink, #171322);
    overflow-wrap: anywhere;
}

.dark .ln-dockme-facts dd {
    color: #f4f2ff;
}

.ln-dockme-empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.35rem;
    min-height: 10rem;
    padding: 1rem;
    border-radius: 0.9rem;
    border: 1px dashed color-mix(in srgb, var(--ch, #0d6e58) 28%, var(--ln-line, #e6e2ef));
    background: color-mix(in srgb, var(--ch, #0d6e58) 6%, transparent);
    text-align: center;
}

.ln-dockme-empty__title {
    margin: 0;
    font-weight: 750;
    color: var(--ln-ink, #171322);
}

.dark .ln-dockme-empty__title {
    color: #f4f2ff;
}

.ln-dockme-empty__lead {
    margin: 0;
    font-size: 0.88rem;
    color: var(--ln-muted, #6b647f);
}

@media (max-width: 560px) {
    .ln-dockme-metrics {
        grid-template-columns: 1fr;
    }

    .ln-dockme-facts > div {
        grid-template-columns: 1fr;
    }

    .ln-dockme-facts dd {
        text-align: left;
    }
}

/* ?????????????????????????????????? Conex????????o: logo DockME maior e preenchendo o frame ?????????????????????????????????? */
.ln-conexoes-page .ln-canal-masthead__lead {
    max-width: none;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .ln-conexoes-page .ln-canal-masthead__lead {
        white-space: normal;
    }
}

.ln-conexoes-page .ln-conexao-tile__logo,
.ln-conexoes-page .ln-canal-tile__logo.ln-conexao-tile__logo {
    background: #001031;
    border-color: color-mix(in srgb, var(--ch, #0d6e58) 35%, transparent);
}

.ln-dockme-manage .ln-canal-top__logo {
    background: #001031;
}




/* ?????????????????????????????????? Login split: brand (naval green) + form (white) ?????????????????????????????????? */
.ln-login-split.fi-simple-layout {
    --ln-login-naval: #0a2f2a;
    --ln-login-naval-deep: #061f1c;
    --ln-login-naval-lift: #134e45;
    --ln-login-mist: rgba(232, 245, 240, 0.92);
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
    width: 100%;
    min-height: 100dvh;
    background: #fff;
}

body:has(.ln-login-split),
.fi-body:has(.ln-login-split) {
    background: #fff;
}

.ln-login-brand {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100dvh;
    padding: clamp(2rem, 5vw, 4.5rem);
    overflow: hidden;
    color: var(--ln-login-mist);
    background:
        radial-gradient(120% 80% at 12% 18%, color-mix(in srgb, var(--ln-login-naval-lift) 55%, transparent) 0%, transparent 52%),
        radial-gradient(90% 70% at 88% 88%, color-mix(in srgb, #0e5a4d 40%, transparent) 0%, transparent 48%),
        linear-gradient(160deg, var(--ln-login-naval-deep) 0%, var(--ln-login-naval) 48%, #0d3d36 100%);
}

.ln-login-brand__glow {
    position: absolute;
    inset: -20% auto auto -10%;
    width: min(42rem, 90%);
    height: min(42rem, 90%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(180, 230, 210, 0.14) 0%, transparent 68%);
    animation: ln-login-drift 18s ease-in-out infinite alternate;
    pointer-events: none;
    z-index: 0;
}

.ln-login-brand__grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 3.25rem 3.25rem;
    mask-image: radial-gradient(ellipse 75% 70% at 50% 45%, #000 20%, transparent 78%);
    opacity: 0.55;
    pointer-events: none;
    z-index: 0;
}

.ln-login-brand__inner {
    position: relative;
    z-index: 1;
    width: min(100%, 38rem);
    display: grid;
    justify-items: center;
    text-align: center;
    gap: clamp(1.75rem, 3.5vh, 2.75rem);
}

.ln-login-brand__logo {
    display: block;
    width: min(100%, 22rem);
    height: auto;
    margin-inline: auto;
    background: transparent;
    animation: ln-login-rise 0.7s ease-out both;
    filter: drop-shadow(0 10px 28px rgba(0, 0, 0, 0.28));
}

.ln-login-brand__markets {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 1rem;
    align-items: stretch;
    justify-items: stretch;
}

.ln-login-brand__market {
    display: block;
    margin: 0;
    padding: 0;
    min-height: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    animation: ln-login-rise 0.7s ease-out both;
    animation-delay: calc(0.16s + (var(--i, 0) * 0.07s));
    transition: transform 0.28s ease, filter 0.28s ease;
}

.ln-login-brand__market:hover {
    transform: translateY(-2px);
    filter: brightness(1.04);
}

.ln-login-brand__market img {
    width: 100%;
    max-width: none;
    height: 5rem;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 1rem;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

.ln-login-brand__market img[src*="leuvendeu"],
.ln-login-brand__market img[src*="shopee"] {
    object-fit: contain;
    object-position: center;
    background: #fff;
    padding-block: 0.35rem;
}
.ln-login-brand__line {
    margin: 0;
    max-width: 28rem;
    font-family: var(--ln-font-ui);
    font-size: clamp(1rem, 1.35vw, 1.15rem);
    font-weight: 500;
    line-height: 1.55;
    color: color-mix(in srgb, #e8f5f0 78%, transparent);
    text-wrap: pretty;
    animation: ln-login-rise 0.75s ease-out 0.08s both;
}

.ln-login-form-pane {
    background: #fff;
    min-height: 100dvh;
    margin: 0;
    padding: clamp(1.5rem, 4vw, 3rem);
}

.ln-login-split .fi-simple-main.ln-login-form {
    margin: 0;
    max-width: 26rem;
    width: 100%;
    background: #fff !important;
    box-shadow: none !important;
    --tw-ring-shadow: 0 0 #0000;
    --tw-ring-offset-shadow: 0 0 #0000;
    border-radius: 0;
    padding-inline: 0;
    padding-block: 0;
    animation: ln-login-rise 0.65s ease-out 0.12s both;
}

.ln-login-split .fi-logo,
.ln-login-split .fi-simple-header .fi-logo {
    display: none;
}

.ln-login-split .fi-simple-header-heading {
    font-family: var(--ln-font-display);
    font-weight: 750;
    letter-spacing: -0.02em;
    text-align: start;
}

.ln-login-split .fi-simple-header-subheading {
    text-align: start;
}

.ln-login-split .fi-simple-header {
    align-items: flex-start;
}

/* Login: bot????o no tamanho natural (evita grid auto-fit esticar 100%) */
.ln-login-split .fi-form-actions .fi-ac {
    display: flex;
    justify-content: flex-end;
    grid-template-columns: none;
}

.ln-login-split .fi-form-actions .fi-btn {
    width: auto;
}

/* ???????????????? Auth form badge (laranja Livronauta) ???????????????? */
.ln-auth-badge {
    --ln-orange: #ff6a12;
    --ln-orange-deep: #e24d00;
    --ln-orange-soft: #ffb078;
    position: relative;
    isolation: isolate;
    margin-block-end: 1.35rem;
    padding: 1rem 1.05rem 1.05rem;
    border-radius: 1.15rem;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--ln-orange) 10%, #fff) 0%, #fff 58%),
        radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--ln-orange) 18%, transparent), transparent 55%);
    border: 1px solid color-mix(in srgb, var(--ln-orange) 28%, transparent);
    box-shadow:
        0 1px 0 color-mix(in srgb, #fff 80%, transparent) inset,
        0 18px 40px -28px color-mix(in srgb, var(--ln-orange) 55%, transparent);
    overflow: hidden;
    animation: ln-login-rise 0.65s ease-out both;
}

.ln-auth-badge__glow {
    position: absolute;
    inset: -35% auto auto -20%;
    width: 10rem;
    height: 10rem;
    border-radius: 999px;
    background: radial-gradient(circle, color-mix(in srgb, var(--ln-orange) 42%, transparent), transparent 68%);
    filter: blur(8px);
    pointer-events: none;
    z-index: 0;
    animation: ln-auth-badge-pulse 4.8s ease-in-out infinite;
}

.ln-auth-badge__chip {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.15rem;
    padding: 0.2rem 0.75rem 0.2rem 0.2rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ln-orange) 9%, #fff);
    border: 1px solid color-mix(in srgb, var(--ln-orange) 22%, transparent);
}

.ln-auth-badge__ring {
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    background: conic-gradient(
        from var(--ln-auth-angle, 0deg),
        var(--ln-orange-deep),
        var(--ln-orange-soft),
        #fff6ee,
        var(--ln-orange),
        var(--ln-orange-deep)
    );
    opacity: 0.55;
    z-index: -1;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    animation: ln-auth-badge-spin 4.2s linear infinite;
}

.ln-auth-badge__core {
    display: grid;
    place-items: center;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(145deg, var(--ln-orange) 0%, var(--ln-orange-deep) 100%);
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--ln-orange) 18%, transparent),
        0 8px 16px -8px var(--ln-orange-deep);
}

.ln-auth-badge__eyebrow {
    font-family: var(--ln-font-display);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ln-orange-deep);
}

.ln-auth-badge__title {
    position: relative;
    z-index: 1;
    margin: 0.7rem 0 0.2rem;
    font-family: var(--ln-font-display);
    font-size: clamp(1.2rem, 2.4vw, 1.45rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: #1a120c;
    text-wrap: balance;
}

.ln-auth-badge__hint {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.35;
    color: color-mix(in srgb, #5c4334 78%, #9a6b4a);
}

.ln-login-split .fi-simple-header {
    margin-top: 0.15rem;
}

@property --ln-auth-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

@keyframes ln-auth-badge-spin {
    to { --ln-auth-angle: 360deg; }
}

@keyframes ln-auth-badge-pulse {
    0%, 100% { opacity: 0.7; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.08); }
}

@media (prefers-reduced-motion: reduce) {
    .ln-auth-badge,
    .ln-auth-badge__glow,
    .ln-auth-badge__ring {
        animation: none;
    }
}

/* Form do login: sempre leg???????vel no branco, mesmo com tema escuro residual */
.ln-login-split .ln-login-form-pane,
.ln-login-split .fi-simple-main.ln-login-form {
    color-scheme: light !important;
    background: #fff !important;
    color: #111827 !important;
}

.dark .ln-login-split .ln-login-form-pane,
.dark .ln-login-split .fi-simple-main.ln-login-form,
.dark .ln-login-split .fi-simple-main.ln-login-form.bg-white {
    background: #fff !important;
    color: #111827 !important;
    --tw-ring-color: rgb(17 24 39 / 0.08);
    box-shadow: none !important;
}

.dark .ln-login-split .fi-simple-header-heading,
.dark .ln-login-split .fi-simple-header-subheading,
.dark .ln-login-split .fi-fo-field-wrp-label,
.dark .ln-login-split .fi-fo-field-wrp-label span,
.dark .ln-login-split .fi-fo-field-wrp-hint,
.dark .ln-login-split .fi-fo-field-wrp-hint span,
.dark .ln-login-split .fi-checkbox-input + span,
.dark .ln-login-split label,
.dark .ln-login-split .fi-link,
.dark .ln-login-split a {
    color: #514795 !important;
}

.dark .ln-login-split .fi-simple-header-heading {
    color: #111827 !important;
}

.dark .ln-login-split .fi-input-wrp {
    background-color: #fff !important;
    --tw-ring-color: rgb(17 24 39 / 0.12) !important;
    box-shadow: inset 0 0 0 1px rgb(17 24 39 / 0.12) !important;
}

.dark .ln-login-split .fi-input,
.dark .ln-login-split input.fi-input,
.dark .ln-login-split input[type='text'],
.dark .ln-login-split input[type='email'],
.dark .ln-login-split input[type='password'] {
    color: #111827 !important;
    background-color: transparent !important;
    -webkit-text-fill-color: #111827 !important;
}

.dark .ln-login-split .fi-input::placeholder,
.dark .ln-login-split input::placeholder {
    color: #9ca3af !important;
    -webkit-text-fill-color: #9ca3af !important;
}

.dark .ln-login-split .fi-icon-btn,
.dark .ln-login-split .fi-icon-btn svg,
.dark .ln-login-split .fi-input-wrp-suffix svg {
    color: #6b7280 !important;
}

.dark .ln-login-split .fi-checkbox-input {
    background-color: #fff !important;
    border-color: #d1d5db !important;
    color: #514795 !important;
}

@keyframes ln-login-rise {
    from {
        opacity: 0;
        transform: translateY(0.7rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ln-login-drift {
    from { transform: translate3d(0, 0, 0) scale(1); }
    to { transform: translate3d(8%, 6%, 0) scale(1.08); }
}


@media (max-width: 900px) {
    .ln-login-split.fi-simple-layout {
        grid-template-columns: 1fr;
    }

    .ln-login-brand {
        min-height: auto;
        padding: 2rem 1.35rem 1.75rem;
    }

    .ln-login-brand__logo {
        width: min(100%, 16rem);
    }

    .ln-login-brand__markets {
        gap: 0.65rem;
    }

    .ln-login-brand__market img {
        height: 4.2rem;
        border-radius: 0.85rem;
    }

    .ln-login-form-pane {
        min-height: auto;
        padding: 1.75rem 1.35rem 2.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ln-login-brand__glow,
    .ln-login-brand__logo,
    .ln-login-brand__line,
    .ln-login-brand__market,
    .ln-login-split .fi-simple-main.ln-login-form {
        animation: none;
    }

    .ln-login-brand__market:hover {
        transform: none;
    }
}

/* ?? Thank-you (mesmo split de auth) ?? */
.ln-thank-you {
    --ln-orange: #ff6a12;
    --ln-orange-deep: #e24d00;
    display: grid;
    gap: 0.85rem;
    font-family: var(--ln-font-ui, "Plus Jakarta Sans", Figtree, ui-sans-serif, system-ui, sans-serif);
    color: #1f2937;
    animation: ln-login-rise 0.65s ease-out 0.18s both;
}

.ln-thank-you__lead {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 600;
    line-height: 1.45;
    color: #111827;
}

.ln-thank-you__status,
.ln-thank-you__next {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #4b5563;
    text-wrap: pretty;
}

.ln-thank-you__status strong {
    color: #0a2f2a;
    font-weight: 700;
}

.ln-thank-you__cta {
    margin-top: 0.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 2.65rem;
    padding: 0.65rem 1.2rem;
    border-radius: 0.85rem;
    background: linear-gradient(145deg, var(--ln-orange) 0%, var(--ln-orange-deep) 100%);
    color: #fff !important;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    text-decoration: none !important;
    box-shadow:
        0 1px 0 color-mix(in srgb, #fff 35%, transparent) inset,
        0 14px 28px -16px color-mix(in srgb, var(--ln-orange) 70%, transparent);
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

.ln-thank-you__cta:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
    box-shadow:
        0 1px 0 color-mix(in srgb, #fff 35%, transparent) inset,
        0 18px 32px -14px color-mix(in srgb, var(--ln-orange) 75%, transparent);
}

.ln-thank-you__cta:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--ln-orange) 55%, transparent);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .ln-thank-you,
    .ln-thank-you__cta {
        animation: none;
        transition: none;
    }

    .ln-thank-you__cta:hover {
        transform: none;
    }
}

/* ?????????????????????????????????? Vendas por canal (reusa ln-analysis) ?????????????????????????????????? */
.ln-sales-export {
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ln-sales-filters {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.55rem;
}

.ln-sales-filters__periods {
    width: 100%;
}

.ln-sales-filters__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

/* 6 KPIs numa ????????nica linha (mais compactos que a An????????lise de An????????ncios) */
.ln-sales-report .ln-analysis-kpis {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.ln-sales-report .ln-analysis-kpi {
    flex: 1 1 0;
    min-width: 6.75rem;
    padding: 0.55rem 0.65rem;
    border-radius: 0.75rem;
}

.ln-sales-report .ln-analysis-kpi__label {
    font-size: 0.62rem;
    letter-spacing: 0.04em;
}

.ln-sales-report .ln-analysis-kpi__value {
    margin-top: 0.2rem;
    font-size: 1.05rem;
}

.ln-sales-report .ln-analysis-kpi__value.is-money {
    font-size: 0.95rem;
}

.ln-sales-report .ln-analysis-kpi__hint {
    margin-top: 0.2rem;
    font-size: 0.65rem;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ln-sales-report .ln-analysis-table tbody tr:nth-child(even) td {
    background: #f6f4fb;
}

.dark .ln-sales-report .ln-analysis-table tbody tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.03);
}

.ln-sales-report .ln-analysis-table--flat tbody tr:hover td {
    background: color-mix(in srgb, #514795 8%, transparent);
}

.ln-sales-canal {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}
.ln-sales-canal__swatch {
    width: 0.35rem;
    min-height: 2.1rem;
    border-radius: 999px;
    background: var(--ln-sales-color, #514795);
    flex-shrink: 0;
    margin-top: 0.15rem;
}
.ln-sales-canal strong {
    display: block;
    font-weight: 600;
    color: inherit;
}
.ln-sales-canal small {
    display: block;
    opacity: 0.72;
    font-size: 0.78rem;
}
.ln-sales-delta {
    display: block;
    font-size: 0.72rem;
    opacity: 0.7;
    font-weight: 500;
}
.ln-sales-delta.is-up { color: #15803d; opacity: 1; }
.ln-sales-delta.is-down { color: #b91c1c; opacity: 1; }
.ln-analysis-empty {
    text-align: center;
    padding: 1.5rem 1rem;
    opacity: 0.75;
}

/* ?????????????????????????????????? GMV help (bal????????o de pensamento elegante) ?????????????????????????????????? */
.ln-gmv-help {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    vertical-align: baseline;
}

.ln-gmv-help--table {
    justify-content: flex-end;
    width: 100%;
}

.ln-gmv-help__text {
    letter-spacing: inherit;
    font-weight: inherit;
    text-transform: inherit;
}

.ln-gmv-help__q {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.05rem;
    height: 1.05rem;
    padding: 0;
    border: 1px solid color-mix(in srgb, #514795 28%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, #514795 8%, #fff);
    color: #514795;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    cursor: help;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.ln-analysis-kpi__label .ln-gmv-help__q {
    width: 0.95rem;
    height: 0.95rem;
    font-size: 0.62rem;
    text-transform: none;
    letter-spacing: 0;
}

.ln-gmv-help__q:hover,
.ln-gmv-help__q:focus-visible,
.ln-gmv-help:focus-within .ln-gmv-help__q {
    background: #514795;
    border-color: #514795;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(81, 71, 149, 0.22);
    outline: none;
}

.ln-gmv-help__bubble {
    position: fixed;
    z-index: 10050;
    width: min(16.5rem, calc(100vw - 1rem));
    margin: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 500;
    pointer-events: auto;
}

.ln-gmv-help__bubble[x-cloak] {
    display: none !important;
}

.ln-gmv-help__bubble-inner {
    display: block;
    padding: 0.85rem 0.95rem 0.9rem;
    border-radius: 1.35rem;
    border: 1px solid color-mix(in srgb, #514795 16%, #e8e4f0);
    background:
        radial-gradient(120% 90% at 0% 0%, rgba(81, 71, 149, 0.08), transparent 55%),
        radial-gradient(90% 80% at 100% 100%, rgba(255, 196, 140, 0.12), transparent 50%),
        #fff;
    box-shadow:
        0 18px 40px rgba(31, 23, 56, 0.14),
        0 2px 0 rgba(255, 255, 255, 0.7) inset;
    color: #1f1738;
    text-align: left;
    white-space: normal;
}

.ln-gmv-help__bubble-inner strong {
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    color: #514795;
}

.ln-gmv-help__eng {
    display: block;
    margin-top: 0.12rem;
    font-size: 0.68rem;
    font-style: italic;
    color: #8b83a8;
}

.ln-gmv-help__desc {
    display: block;
    margin-top: 0.45rem;
    font-size: 0.78rem;
    line-height: 1.45;
    color: #3f3a55;
}

.ln-gmv-help__dots {
    position: absolute;
    left: 50%;
    top: calc(100% - 0.05rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.16rem;
    transform: translateX(-50%);
}

.ln-gmv-help__dots i {
    display: block;
    border-radius: 999px;
    background: #fff;
    border: 1px solid color-mix(in srgb, #514795 18%, #e8e4f0);
    box-shadow: 0 4px 10px rgba(81, 71, 149, 0.12);
}

.ln-gmv-help__dots i:nth-child(1) { width: 0.48rem; height: 0.48rem; }
.ln-gmv-help__dots i:nth-child(2) { width: 0.34rem; height: 0.34rem; }
.ln-gmv-help__dots i:nth-child(3) { width: 0.22rem; height: 0.22rem; }

@media (prefers-reduced-motion: reduce) {
    .ln-gmv-help__q {
        transition: none;
    }
}

/* ??????????????????????????????????????????????????? Usu????????rios ativos (/painel/active-users) ??????????????????????????????????????????????????? */
.ln-active-users-body .fi-header,
.ln-active-users-body .fi-page > section > header.fi-header {
    display: none !important;
}

.ln-active {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.ln-active-panel {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.ln-active-masthead {
    position: relative;
    overflow: hidden;
}

.ln-active-masthead__glow {
    position: absolute;
    inset: -20% auto auto 55%;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(69, 155, 221, 0.35), transparent 70%);
    pointer-events: none;
    filter: blur(4px);
}

@media (prefers-reduced-motion: no-preference) {
    .ln-active-masthead__glow {
        animation: ln-active-glow 8s ease-in-out infinite alternate;
    }
}

@keyframes ln-active-glow {
    from { transform: translate(-8%, 10%) scale(0.92); opacity: 0.7; }
    to { transform: translate(6%, -6%) scale(1.08); opacity: 1; }
}

.ln-active-filters {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
}

.ln-active-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .ln-active-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.ln-active-kpi--live {
    border-color: rgba(22, 163, 74, 0.28);
    background:
        linear-gradient(135deg, rgba(22, 163, 74, 0.08), transparent 55%),
        #fff;
}

.dark .ln-active-kpi--live {
    background:
        linear-gradient(135deg, rgba(22, 163, 74, 0.14), transparent 55%),
        rgba(255, 255, 255, 0.04);
}

.ln-active-kpi__value {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.ln-active-kpi__value--sm {
    font-size: 1.05rem !important;
    line-height: 1.25;
}

.ln-active-kpi__dot {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: #16a34a;
    box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.55);
    flex-shrink: 0;
}

@media (prefers-reduced-motion: no-preference) {
    .ln-active-kpi__dot {
        animation: ln-active-pulse 1.8s ease-out infinite;
    }
}

@keyframes ln-active-pulse {
    0% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.5); }
    70% { box-shadow: 0 0 0 0.55rem rgba(22, 163, 74, 0); }
    100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); }
}

.ln-active-presence {
    border-radius: 1.05rem;
    border: 1px solid var(--ln-line, #e8e4f0);
    background: #fff;
    padding: 1rem 1.1rem 1.15rem;
    overflow: hidden;
}

.dark .ln-active-presence {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
}

.ln-active-presence__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.95rem;
}

.ln-active-presence__head h2 {
    margin: 0;
    font-family: var(--ln-font-display);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #1f1738;
}

.dark .ln-active-presence__head h2 {
    color: #f3f4f6;
}

.ln-active-presence__head p {
    margin: 0.2rem 0 0;
    font-size: 0.85rem;
    color: #6b7280;
}

.ln-active-presence__live {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #16a34a;
}

.ln-active-presence__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
    gap: 0.65rem;
}

.ln-active-presence__item {
    opacity: 0;
    transform: translateY(0.4rem);
}

@media (prefers-reduced-motion: no-preference) {
    .ln-active-presence__item {
        animation: ln-active-rise 0.45s ease forwards;
        animation-delay: calc(var(--ln-i, 0) * 35ms);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ln-active-presence__item {
        opacity: 1;
        transform: none;
    }
}

@keyframes ln-active-rise {
    to { opacity: 1; transform: translateY(0); }
}

.ln-active-presence__card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.75rem;
    border-radius: 0.9rem;
    border: 1px solid var(--ln-line, #eeeaf5);
    background: #faf9fc;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    transition: border-color 0.18s ease, transform 0.18s ease, background 0.18s ease;
}

.dark .ln-active-presence__card {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.1);
}

.ln-active-presence__card:hover {
    border-color: hsl(var(--ln-hue) 55% 55%);
    background: #fff;
    transform: translateY(-1px);
}

.dark .ln-active-presence__card:hover {
    background: rgba(255, 255, 255, 0.07);
}

.ln-active-presence__avatar {
    position: relative;
    z-index: 1;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #fff;
    background: linear-gradient(145deg, hsl(var(--ln-hue) 70% 48%), hsl(calc(var(--ln-hue) + 28) 65% 38%));
    flex-shrink: 0;
}

.ln-active-presence__ring {
    position: absolute;
    inset: auto auto 0.55rem 0.55rem;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: #16a34a;
    border: 2px solid #fff;
    z-index: 2;
}

.dark .ln-active-presence__ring {
    border-color: #1f2937;
}

.ln-active-presence__info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.ln-active-presence__info strong {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1f1738;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dark .ln-active-presence__info strong {
    color: #f3f4f6;
}

.ln-active-presence__info small {
    font-size: 0.7rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ln-active-table__hint {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #9ca3af;
}

.ln-active-table__body {
    padding: 0.35rem 0.5rem 0.65rem;
}

.ln-active-table .fi-ta-ctn {
    border: 0;
    box-shadow: none;
    background: transparent;
}

.ln-active-user {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
}

.ln-active-user__avatar {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-size: 0.68rem;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(145deg, hsl(var(--ln-hue) 70% 48%), hsl(calc(var(--ln-hue) + 28) 65% 38%));
    flex-shrink: 0;
}

.ln-active-user__meta {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.ln-active-user__name {
    font-weight: 700;
    color: #1f1738;
}

.dark .ln-active-user__name {
    color: #f3f4f6;
}

.ln-active-user__pulse {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.68rem;
    font-weight: 700;
    color: #16a34a;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ln-active-user__pulse span {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 999px;
    background: #16a34a;
}

@media (prefers-reduced-motion: no-preference) {
    .ln-active-user__pulse span {
        animation: ln-active-pulse 1.8s ease-out infinite;
    }
}

.ln-active-actions {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
    min-width: 4.5rem;
}

.ln-active-actions__bar {
    display: block;
    width: 4.5rem;
    height: 0.28rem;
    border-radius: 999px;
    background: #ece8f5;
    position: relative;
    overflow: hidden;
}

.dark .ln-active-actions__bar {
    background: rgba(255, 255, 255, 0.1);
}

.ln-active-actions__bar::after {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--ln-w, 10%);
    border-radius: inherit;
    background: linear-gradient(90deg, #514795, #459bdd);
}

.ln-active-actions strong {
    font-variant-numeric: tabular-nums;
    font-size: 0.92rem;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (prefers-reduced-motion: reduce) {
    .ln-active-masthead__glow,
    .ln-active-kpi__dot,
    .ln-active-user__pulse span {
        animation: none !important;
    }
}

.ln-active-live-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 800;
    color: #86efac;
    letter-spacing: 0.12em;
}

/* ??????????????????????????????????????????????????? Usu????????rios (/painel/users) ????????????????? masthead + KPIs ??????????????????????????????????????????????????? */
.ln-users-body .fi-header,
.ln-users-body .fi-page > section > header.fi-header {
    display: none !important;
}

.ln-users {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.ln-users-masthead {
    position: relative;
    overflow: hidden;
}

.ln-users-masthead__glow {
    position: absolute;
    inset: -25% auto auto 60%;
    width: 16rem;
    height: 16rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(69, 155, 221, 0.32), transparent 70%);
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .ln-users-masthead__glow {
        animation: ln-active-glow 9s ease-in-out infinite alternate;
    }
}

.ln-users-masthead__cta {
    position: relative;
    z-index: 1;
    align-self: flex-end;
    background: #fff !important;
    color: #514795 !important;
    border-color: transparent !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.ln-users-masthead__cta:hover {
    color: #3d3580 !important;
    filter: brightness(1.04);
}
.ln-analysis-masthead .ln-canal-btn--primary {
    background: #fff !important;
    color: #514795 !important;
}
.ln-analysis-masthead .ln-canal-btn--primary:hover {
    color: #3d3580 !important;
}

.ln-users-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (min-width: 720px) {
    .ln-users-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1100px) {
    .ln-users-kpis {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.ln-users-kpi--ok {
    border-color: rgba(22, 163, 74, 0.28);
    background:
        linear-gradient(135deg, rgba(22, 163, 74, 0.08), transparent 55%),
        #fff;
}

.dark .ln-users-kpi--ok {
    background:
        linear-gradient(135deg, rgba(22, 163, 74, 0.14), transparent 55%),
        rgba(255, 255, 255, 0.04);
}

.ln-users-kpi--warn {
    border-color: rgba(217, 119, 6, 0.3);
    background:
        linear-gradient(135deg, rgba(251, 191, 36, 0.12), transparent 55%),
        #fff;
}

.dark .ln-users-kpi--warn {
    background:
        linear-gradient(135deg, rgba(251, 191, 36, 0.12), transparent 55%),
        rgba(255, 255, 255, 0.04);
}

.ln-users-kpi--alert {
    border-color: rgba(220, 38, 38, 0.25);
    background:
        linear-gradient(135deg, rgba(248, 113, 113, 0.1), transparent 55%),
        #fff;
}

.dark .ln-users-kpi--alert {
    background:
        linear-gradient(135deg, rgba(248, 113, 113, 0.12), transparent 55%),
        rgba(255, 255, 255, 0.04);
}

.ln-users-panel {
    padding: 0;
}

.ln-users-panel .ln-users__toolbar {
    margin: 0;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--ln-line, #eeeaf5);
    background: #faf9fc;
}

.dark .ln-users-panel .ln-users__toolbar {
    background: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ln-users__table {
    padding: 0.35rem 0.5rem 0.65rem;
}

.ln-users-panel .fi-ta-ctn {
    border: 0;
    box-shadow: none;
    background: transparent;
}

@media (prefers-reduced-motion: reduce) {
    .ln-users-masthead__glow {
        animation: none !important;
    }
}

/* ???????????????????????? Canais admin: grupos por seller ???????????????????????? */
.ln-canal-seller-groups {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ln-canal-seller-group {
    border-radius: 1.05rem;
    border: 1px solid var(--ln-line, #e8e4f0);
    background: #fff;
    padding: 0.85rem 0.9rem 1rem;
}

.dark .ln-canal-seller-group {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
}

.ln-canal-seller-group__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid var(--ln-line, #eeeaf5);
}

.dark .ln-canal-seller-group__head {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ln-canal-seller-group__who {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.ln-canal-seller-group__avatar {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    font-size: 0.72rem;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(145deg, hsl(var(--ln-hue) 70% 48%), hsl(calc(var(--ln-hue) + 28) 65% 38%));
}

.ln-canal-seller-group__head h3 {
    margin: 0;
    font-family: var(--ln-font-display);
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #1f1738;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 28rem;
}

.dark .ln-canal-seller-group__head h3 {
    color: #f3f4f6;
}

.ln-canal-seller-group__head p {
    margin: 0.12rem 0 0;
    font-size: 0.78rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 28rem;
}

.ln-canal-seller-group__meta {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

.ln-canal-seller-group__count {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b7280;
}

.ln-canal-seller-group .ln-canal-gallery__grid--dense {
    padding: 0;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 720px) {
    .ln-canal-seller-group .ln-canal-gallery__grid--dense {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1100px) {
    .ln-canal-seller-group .ln-canal-gallery__grid--dense {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1400px) {
    .ln-canal-seller-group .ln-canal-gallery__grid--dense {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.ln-canal-tile--readonly {
    cursor: default;
    gap: 0.55rem;
    padding: 0.75rem;
}

.ln-canal-tile--readonly:hover {
    transform: none;
}

.ln-canal-tile--readonly .ln-canal-tile__foot:not(.ln-canal-tile__foot--admin) {
    display: none;
}

.ln-canal-tile--readonly .ln-canal-tile__foot--admin {
    display: flex;
}

.ln-canal-btn--danger {
    background: #fff;
    color: #b91c1c;
    border-color: color-mix(in srgb, #dc2626 45%, transparent);
}

.ln-canal-btn--danger:hover {
    background: color-mix(in srgb, #dc2626 10%, #fff);
    color: #991b1b;
    border-color: #dc2626;
}

.ln-canal-tile--readonly .ln-canal-tile__logo {
    width: 2.6rem;
    height: 2.6rem;
    padding: 0.25rem;
}

.ln-canal-tile--readonly .ln-canal-tile__titles h3 {
    font-size: 0.88rem;
}

.ln-canal-tile--readonly .ln-canal-tile__titles p {
    font-size: 0.72rem;
}

.ln-canal-tile--readonly .ln-canal-tile__facts {
    gap: 0.35rem;
}

.ln-canal-tile--readonly .ln-canal-tile__facts > div {
    padding: 0.35rem 0.45rem;
}

.ln-canal-tile--readonly .ln-canal-tile__facts dd {
    font-size: 0.75rem;
}

/* ???????????????????????? Conex????o admin: sellers com DockME ???????????????????????? */
.ln-conexao-sellers {
    margin-top: 0.35rem;
    border-radius: 1.05rem;
    border: 1px solid var(--ln-line, #e8e4f0);
    background: #fff;
    padding: 1rem 1.1rem 1.15rem;
}

.dark .ln-conexao-sellers {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
}

.ln-conexao-sellers__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.95rem;
}

.ln-conexao-sellers__head h2 {
    margin: 0;
    font-family: var(--ln-font-display);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #1f1738;
}

.dark .ln-conexao-sellers__head h2 {
    color: #f3f4f6;
}

.ln-conexao-sellers__head p {
    margin: 0.2rem 0 0;
    font-size: 0.85rem;
    color: #6b7280;
}

.ln-conexao-sellers__count {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #0d6e58;
}

.ln-conexao-sellers__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16.5rem, 1fr));
    gap: 0.65rem;
}

.ln-conexao-sellers__card {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.75rem 0.8rem;
    border-radius: 0.9rem;
    border: 1px solid var(--ln-line, #eeeaf5);
    background: #f7faf8;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease, transform 0.15s ease, background 0.15s ease;
}

.dark .ln-conexao-sellers__card {
    background: rgba(13, 110, 88, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
}

.ln-conexao-sellers__card:hover {
    border-color: #0d6e58;
    background: #fff;
    transform: translateY(-1px);
}

.dark .ln-conexao-sellers__card:hover {
    background: rgba(13, 110, 88, 0.14);
}

.ln-conexao-sellers__avatar {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    font-size: 0.72rem;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(145deg, hsl(var(--ln-hue) 70% 48%), hsl(calc(var(--ln-hue) + 28) 65% 38%));
}

.ln-conexao-sellers__info {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.ln-conexao-sellers__info strong {
    font-size: 0.88rem;
    font-weight: 700;
    color: #1f1738;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dark .ln-conexao-sellers__info strong {
    color: #f3f4f6;
}

.ln-conexao-sellers__info small {
    font-size: 0.72rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ln-conexao-sellers__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.15rem 0.25rem;
    margin-top: 0.2rem;
    font-size: 0.68rem;
    color: #0d6e58;
    font-weight: 600;
}

.ln-conexao-sellers__chip {
    flex-shrink: 0;
    align-self: center;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #0d6e58;
    background: rgba(13, 110, 88, 0.12);
    border-radius: 999px;
    padding: 0.2rem 0.45rem;
}

/* ???????????????????????? Categorias (/painel/categories) ???????????????????????? */
.ln-categories-body .fi-header,
.ln-categories-body .fi-page > section > header.fi-header {
    display: none !important;
}

.ln-categories {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.ln-categories-masthead {
    position: relative;
    overflow: hidden;
}

.ln-categories-masthead__glow {
    position: absolute;
    inset: -30% auto auto 58%;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 122, 124, 0.32), transparent 70%);
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .ln-categories-masthead__glow {
        animation: ln-active-glow 9s ease-in-out infinite alternate;
    }
}

.ln-categories-masthead__cta {
    position: relative;
    z-index: 1;
    align-self: flex-end;
    background: #fff !important;
    color: #514795 !important;
    border-color: transparent !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.ln-categories-masthead__cta:hover {
    color: #3d3580 !important;
}

.ln-categories-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .ln-categories-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.ln-categories-kpi--ok {
    border-color: rgba(22, 163, 74, 0.28);
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.08), transparent 55%), #fff;
}

.dark .ln-categories-kpi--ok {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.14), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-categories-kpi--warn {
    border-color: rgba(217, 119, 6, 0.3);
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), transparent 55%), #fff;
}

.dark .ln-categories-kpi--warn {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-categories-kpi--miss {
    border-color: rgba(100, 116, 139, 0.28);
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.14), transparent 55%), #fff;
}

.dark .ln-categories-kpi--miss {
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.12), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-categories-panel {
    padding: 0;
}

.ln-categories__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin: 0;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--ln-line, #eeeaf5);
    background: #faf9fc;
}

.dark .ln-categories__toolbar {
    background: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ln-categories__tabs {
    min-width: 0;
    flex: 1 1 auto;
}

.ln-categories__table {
    padding: 0.35rem 0.5rem 0.65rem;
}

.ln-categories-panel .fi-ta-ctn {
    border: 0;
    box-shadow: none;
    background: transparent;
}

.ln-categories-body.inline-actions .fi-ta-cell .fi-ta-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.3rem !important;
    width: 5.5rem;
    min-width: 5.5rem;
}

.ln-categories-body.inline-actions .fi-ta-cell .fi-ta-actions .fi-btn,
.ln-categories-body.inline-actions .fi-ta-cell .fi-ta-actions .ln-row-action,
.ln-categories-body.inline-actions .fi-ta-cell .fi-ta-actions a,
.ln-categories-body.inline-actions .fi-ta-cell .fi-ta-actions button {
    width: 100% !important;
    min-width: 100% !important;
    justify-content: center !important;
    white-space: nowrap;
    padding: 0.2rem 0.4rem !important;
    font-size: 0.68rem !important;
    min-height: 1.5rem !important;
    border-radius: 0.45rem !important;
}

.ln-cat-map {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.ln-cat-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    max-width: 100%;
    padding: 0.22rem 0.45rem;
    border-radius: 0.55rem;
    border: 1px solid color-mix(in srgb, var(--ch, #514795) 22%, #e8e4f0);
    background: color-mix(in srgb, var(--ch, #514795) 8%, #fff);
    font-size: 0.68rem;
    line-height: 1.2;
}

.dark .ln-cat-chip {
    background: color-mix(in srgb, var(--ch, #514795) 16%, transparent);
    border-color: color-mix(in srgb, var(--ch, #514795) 35%, transparent);
}

.ln-cat-chip i {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: var(--ch, #514795);
    flex-shrink: 0;
}

.ln-cat-chip__market {
    font-weight: 700;
    color: #334155;
    white-space: nowrap;
}

.dark .ln-cat-chip__market {
    color: #e2e8f0;
}

.ln-cat-chip strong {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #1f1738;
    max-width: 7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dark .ln-cat-chip strong {
    color: #f8fafc;
}

.ln-cat-chip.is-miss {
    opacity: 0.72;
    border-style: dashed;
}

.ln-cat-chip.is-miss strong {
    color: #94a3b8;
    font-weight: 600;
}

.ln-cat-map-empty {
    color: #94a3b8;
    font-size: 0.78rem;
}

@media (prefers-reduced-motion: reduce) {
    .ln-categories-masthead__glow {
        animation: none !important;
    }
}

/* ???????????????????????? Fun???????es / Roles (/painel/roles) ???????????????????????? */
.ln-roles-body .fi-header,
.ln-roles-body .fi-page > section > header.fi-header {
    display: none !important;
}

.ln-roles {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.ln-team {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.ln-roles-masthead {
    position: relative;
    overflow: hidden;
}

.ln-roles-masthead__glow {
    position: absolute;
    inset: -30% auto auto 58%;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(81, 71, 149, 0.38), transparent 70%);
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .ln-roles-masthead__glow {
        animation: ln-active-glow 9s ease-in-out infinite alternate;
    }
}

.ln-roles-masthead__cta {
    position: relative;
    z-index: 1;
    align-self: flex-end;
    background: #fff !important;
    color: #514795 !important;
    border-color: transparent !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.ln-roles-masthead__cta:hover {
    color: #3d3580 !important;
}

.ln-roles-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .ln-roles-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.ln-roles-kpi--roles {
    border-color: rgba(81, 71, 149, 0.28);
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.1), transparent 55%), #fff;
}

.dark .ln-roles-kpi--roles {
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.18), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-roles-kpi--perms {
    border-color: rgba(0, 122, 124, 0.28);
    background: linear-gradient(135deg, rgba(0, 122, 124, 0.1), transparent 55%), #fff;
}

.dark .ln-roles-kpi--perms {
    background: linear-gradient(135deg, rgba(0, 122, 124, 0.16), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-roles-kpi--ok {
    border-color: rgba(22, 163, 74, 0.28);
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.08), transparent 55%), #fff;
}

.dark .ln-roles-kpi--ok {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.14), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-roles-kpi--idle {
    border-color: rgba(100, 116, 139, 0.28);
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.14), transparent 55%), #fff;
}

.dark .ln-roles-kpi--idle {
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.12), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-roles-panel {
    padding: 0;
}

.ln-roles__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin: 0;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--ln-line, #eeeaf5);
    background: #faf9fc;
}

.dark .ln-roles__toolbar {
    background: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ln-roles__tabs {
    min-width: 0;
    flex: 1 1 auto;
}

.ln-roles__table {
    padding: 0.35rem 0.5rem 0.65rem;
}

.ln-roles-panel .fi-ta-ctn {
    border: 0;
    box-shadow: none;
    background: transparent;
}

.ln-roles-body.inline-actions .fi-ta-cell .fi-ta-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.3rem !important;
    width: 5.5rem;
    min-width: 5.5rem;
}

.ln-roles-body.inline-actions .fi-ta-cell .fi-ta-actions .fi-btn,
.ln-roles-body.inline-actions .fi-ta-cell .fi-ta-actions .ln-row-action,
.ln-roles-body.inline-actions .fi-ta-cell .fi-ta-actions a,
.ln-roles-body.inline-actions .fi-ta-cell .fi-ta-actions button {
    width: 100% !important;
    min-width: 100% !important;
    justify-content: center !important;
    white-space: nowrap;
    padding: 0.2rem 0.4rem !important;
    font-size: 0.68rem !important;
    min-height: 1.5rem !important;
    border-radius: 0.45rem !important;
}

.ln-role-cell {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    line-height: 1.25;
}

.ln-role-name {
    font-weight: 700;
    color: #1f1738;
    letter-spacing: -0.01em;
}

.dark .ln-role-name {
    color: #f8fafc;
}

.ln-role-name.is-super {
    color: #514795;
}

.ln-role-name.is-admin {
    color: #007a7c;
}

.dark .ln-role-name.is-super {
    color: #c4b5fd;
}

.dark .ln-role-name.is-admin {
    color: #5eead4;
}

.ln-role-guard {
    font-size: 0.68rem;
    font-weight: 600;
    color: #94a3b8;
    text-transform: lowercase;
    letter-spacing: 0.02em;
}

.ln-role-stat {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.15;
    gap: 0.08rem;
}

.ln-role-stat strong {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    color: #1f1738;
}

.dark .ln-role-stat strong {
    color: #f8fafc;
}

.ln-role-stat small {
    font-size: 0.65rem;
    font-weight: 600;
    color: #94a3b8;
}

@media (prefers-reduced-motion: reduce) {
    .ln-roles-masthead__glow {
        animation: none !important;
    }
}

/* ???????????????????????? Permiss????es (/painel/permissions) ???????????????????????? */
.ln-permissions-body .fi-header,
.ln-permissions-body .fi-page > section > header.fi-header {
    display: none !important;
}

.ln-permissions {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.ln-permissions-masthead {
    position: relative;
    overflow: hidden;
}

.ln-permissions-masthead__glow {
    position: absolute;
    inset: -30% auto auto 58%;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 122, 124, 0.36), transparent 70%);
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .ln-permissions-masthead__glow {
        animation: ln-active-glow 9s ease-in-out infinite alternate;
    }
}

.ln-permissions-masthead__cta {
    position: relative;
    z-index: 1;
    align-self: flex-end;
    background: #fff !important;
    color: #514795 !important;
    border-color: transparent !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.ln-permissions-masthead__cta:hover {
    color: #3d3580 !important;
}

.ln-permissions-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .ln-permissions-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.ln-permissions-kpi--total {
    border-color: rgba(0, 122, 124, 0.28);
    background: linear-gradient(135deg, rgba(0, 122, 124, 0.1), transparent 55%), #fff;
}

.dark .ln-permissions-kpi--total {
    background: linear-gradient(135deg, rgba(0, 122, 124, 0.16), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-permissions-kpi--roles {
    border-color: rgba(81, 71, 149, 0.28);
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.1), transparent 55%), #fff;
}

.dark .ln-permissions-kpi--roles {
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.18), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-permissions-kpi--ok {
    border-color: rgba(22, 163, 74, 0.28);
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.08), transparent 55%), #fff;
}

.dark .ln-permissions-kpi--ok {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.14), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-permissions-kpi--idle {
    border-color: rgba(100, 116, 139, 0.28);
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.14), transparent 55%), #fff;
}

.dark .ln-permissions-kpi--idle {
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.12), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-permissions-panel {
    padding: 0;
}

.ln-permissions__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin: 0;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--ln-line, #eeeaf5);
    background: #faf9fc;
}

.dark .ln-permissions__toolbar {
    background: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ln-permissions__tabs {
    min-width: 0;
    flex: 1 1 auto;
}

.ln-permissions__table {
    padding: 0.35rem 0.5rem 0.65rem;
}

.ln-permissions-panel .fi-ta-ctn {
    border: 0;
    box-shadow: none;
    background: transparent;
}

.ln-permissions-body.inline-actions .fi-ta-cell .fi-ta-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.3rem !important;
    width: 5.5rem;
    min-width: 5.5rem;
}

.ln-permissions-body.inline-actions .fi-ta-cell .fi-ta-actions .fi-btn,
.ln-permissions-body.inline-actions .fi-ta-cell .fi-ta-actions .ln-row-action,
.ln-permissions-body.inline-actions .fi-ta-cell .fi-ta-actions a,
.ln-permissions-body.inline-actions .fi-ta-cell .fi-ta-actions button {
    width: 100% !important;
    min-width: 100% !important;
    justify-content: center !important;
    white-space: nowrap;
    padding: 0.2rem 0.4rem !important;
    font-size: 0.68rem !important;
    min-height: 1.5rem !important;
    border-radius: 0.45rem !important;
}

.ln-perm-cell {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    line-height: 1.25;
}

.ln-perm-name {
    font-weight: 700;
    color: #1f1738;
    letter-spacing: -0.01em;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.82rem;
}

.dark .ln-perm-name {
    color: #f8fafc;
}

.ln-perm-guard {
    font-size: 0.68rem;
    font-weight: 600;
    color: #94a3b8;
    text-transform: lowercase;
    letter-spacing: 0.02em;
}

.ln-perm-stat {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.15;
    gap: 0.08rem;
}

.ln-perm-stat strong {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    color: #1f1738;
}

.dark .ln-perm-stat strong {
    color: #f8fafc;
}

.ln-perm-stat.is-ok strong {
    color: #15803d;
}

.dark .ln-perm-stat.is-ok strong {
    color: #86efac;
}

.ln-perm-stat.is-idle strong {
    color: #94a3b8;
}

.ln-perm-stat small {
    font-size: 0.65rem;
    font-weight: 600;
    color: #94a3b8;
}

@media (prefers-reduced-motion: reduce) {
    .ln-permissions-masthead__glow {
        animation: none !important;
    }
}

/* ???????????????????????? Logs (/painel/logs) ???????????????????????? */
.ln-logs-body .fi-header,
.ln-logs-body .fi-page > section > header.fi-header {
    display: none !important;
}

.ln-logs {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.ln-logs-masthead {
    position: relative;
    overflow: hidden;
    align-items: flex-end;
}

.ln-logs-masthead__glow {
    position: absolute;
    inset: -30% auto auto 58%;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(220, 38, 38, 0.28), transparent 70%);
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .ln-logs-masthead__glow {
        animation: ln-active-glow 9s ease-in-out infinite alternate;
    }
}

.ln-logs-masthead__file {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.15rem;
    padding: 0.65rem 0.9rem;
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #fff;
    max-width: 16rem;
}

.ln-logs-masthead__file-label {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.75;
}

.ln-logs-masthead__file strong {
    font-size: 0.85rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.ln-logs-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .ln-logs-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.ln-logs-kpi--files {
    border-color: rgba(81, 71, 149, 0.28);
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.1), transparent 55%), #fff;
}

.dark .ln-logs-kpi--files {
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.18), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-logs-kpi--entries {
    border-color: rgba(0, 122, 124, 0.28);
    background: linear-gradient(135deg, rgba(0, 122, 124, 0.1), transparent 55%), #fff;
}

.dark .ln-logs-kpi--entries {
    background: linear-gradient(135deg, rgba(0, 122, 124, 0.16), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-logs-kpi--errors {
    border-color: rgba(220, 38, 38, 0.3);
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.1), transparent 55%), #fff;
}

.dark .ln-logs-kpi--errors {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.16), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-logs-kpi--warn {
    border-color: rgba(217, 119, 6, 0.3);
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), transparent 55%), #fff;
}

.dark .ln-logs-kpi--warn {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-logs-panel {
    padding: 0;
}

.ln-logs__toolbar {
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--ln-line, #eeeaf5);
    background: #faf9fc;
}

.dark .ln-logs__toolbar {
    background: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ln-logs__search .fi-fo-component-ctn,
.ln-logs__search .fi-section {
    background: transparent;
    box-shadow: none;
    border: 0;
}

.ln-logs__search .fi-section-content-ctn,
.ln-logs__search .fi-section-header {
    padding-left: 0;
    padding-right: 0;
}

.ln-logs__recent {
    padding: 0.75rem 1.1rem 0.35rem;
}

.ln-logs__recent-label {
    margin: 0 0 0.45rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #94a3b8;
}

.ln-logs__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.ln-logs-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.65rem;
    border-radius: 0.55rem;
    border: 1px solid #e8e4f0;
    background: #fff;
    color: #334155;
    font-size: 0.75rem;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.dark .ln-logs-chip {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
    color: #e2e8f0;
}

.ln-logs-chip:hover {
    border-color: rgba(81, 71, 149, 0.45);
}

.ln-logs-chip.is-active {
    border-color: #514795;
    background: rgba(81, 71, 149, 0.1);
    color: #514795;
}

.dark .ln-logs-chip.is-active {
    color: #c4b5fd;
    background: rgba(81, 71, 149, 0.22);
}

.ln-logs-chip__name {
    font-weight: 700;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.72rem;
}

.ln-logs-chip__meta {
    font-size: 0.65rem;
    font-weight: 600;
    color: #94a3b8;
}

.ln-logs__levels {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.55rem 1.1rem 0.75rem;
    border-bottom: 1px solid var(--ln-line, #eeeaf5);
}

.ln-logs-level {
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    border: 1px solid #e8e4f0;
    background: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    color: #64748b;
    cursor: pointer;
}

.dark .ln-logs-level {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
    color: #94a3b8;
}

.ln-logs-level.is-active {
    color: #fff;
    border-color: transparent;
}

.ln-logs-level--all.is-active { background: #514795; }
.ln-logs-level--error.is-active { background: #dc2626; }
.ln-logs-level--warning.is-active { background: #d97706; }
.ln-logs-level--info.is-active { background: #007a7c; }

.ln-logs__list {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.85rem 1.1rem 1.1rem;
}

.ln-log-entry {
    border-radius: 0.75rem;
    border: 1px solid #eeeaf5;
    background: #fff;
    overflow: hidden;
}

.dark .ln-log-entry {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
}

.ln-log-entry--danger {
    border-color: rgba(220, 38, 38, 0.28);
}

.ln-log-entry--warning {
    border-color: rgba(217, 119, 6, 0.3);
}

.ln-log-entry--info {
    border-color: rgba(0, 122, 124, 0.22);
}

.ln-log-entry--raw {
    border-color: rgba(100, 116, 139, 0.28);
}

.ln-log-entry__head {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem 0.65rem;
    width: 100%;
    padding: 0.65rem 0.8rem;
    text-align: left;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: inherit;
}

.ln-log-entry__badge {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.45rem;
    border-radius: 0.4rem;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: #e2e8f0;
    color: #475569;
}

.ln-log-entry--danger .ln-log-entry__badge {
    background: rgba(220, 38, 38, 0.12);
    color: #b91c1c;
}

.ln-log-entry--warning .ln-log-entry__badge {
    background: rgba(217, 119, 6, 0.14);
    color: #b45309;
}

.ln-log-entry--info .ln-log-entry__badge {
    background: rgba(0, 122, 124, 0.12);
    color: #0f766e;
}

.ln-log-entry__date {
    font-size: 0.68rem;
    font-weight: 600;
    color: #94a3b8;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ln-log-entry__text {
    font-size: 0.8rem;
    font-weight: 600;
    color: #1f1738;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dark .ln-log-entry__text {
    color: #f1f5f9;
}

.ln-log-entry__chev {
    width: 1rem;
    height: 1rem;
    color: #94a3b8;
    transition: transform 0.15s ease;
}

.ln-log-entry__chev.is-open {
    transform: rotate(180deg);
}

.ln-log-entry__body {
    padding: 0 0.85rem 0.85rem;
    border-top: 1px dashed rgba(148, 163, 184, 0.35);
}

.ln-log-entry__full {
    margin: 0.75rem 0 0;
    font-size: 0.82rem;
    line-height: 1.45;
    color: #334155;
    word-break: break-word;
}

.dark .ln-log-entry__full {
    color: #e2e8f0;
}

.ln-log-entry__infile {
    margin: 0.45rem 0 0;
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.ln-log-entry__stack {
    margin: 0.65rem 0 0;
    padding: 0.75rem;
    border-radius: 0.55rem;
    background: #0f172a;
    color: #e2e8f0;
    font-size: 0.7rem;
    line-height: 1.4;
    overflow-x: auto;
    max-height: 22rem;
}

.ln-log-entry__stack code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: pre;
}

.ln-logs__empty {
    padding: 2.5rem 1rem;
    text-align: center;
}

.ln-logs__empty-title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f1738;
}

.dark .ln-logs__empty-title {
    color: #f8fafc;
}

.ln-logs__empty-lead {
    margin: 0.35rem 0 0;
    font-size: 0.85rem;
    color: #94a3b8;
}

@media (max-width: 720px) {
    .ln-log-entry__head {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .ln-log-entry__date {
        grid-column: 2;
        grid-row: 1;
    }

    .ln-log-entry__text {
        grid-column: 1 / -1;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .ln-log-entry__chev {
        grid-column: 3;
        grid-row: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ln-logs-masthead__glow {
        animation: none !important;
    }
}

/* ???????????????????????? Erros de integra???????o (/painel/product-errors) ???????????????????????? */
.ln-product-errors-body .fi-header,
.ln-product-errors-body .fi-page > section > header.fi-header {
    display: none !important;
}

.ln-product-errors {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.ln-product-errors-masthead {
    position: relative;
    overflow: hidden;
}

.ln-product-errors-masthead__glow {
    position: absolute;
    inset: -30% auto auto 58%;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(220, 38, 38, 0.3), transparent 70%);
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .ln-product-errors-masthead__glow {
        animation: ln-active-glow 9s ease-in-out infinite alternate;
    }
}

.ln-product-errors-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .ln-product-errors-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.ln-product-errors-kpi--total {
    border-color: rgba(220, 38, 38, 0.3);
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.1), transparent 55%), #fff;
}

.dark .ln-product-errors-kpi--total {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.16), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-product-errors-kpi--markets {
    border-color: rgba(81, 71, 149, 0.28);
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.1), transparent 55%), #fff;
}

.dark .ln-product-errors-kpi--markets {
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.18), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-product-errors-kpi--sellers {
    border-color: rgba(0, 122, 124, 0.28);
    background: linear-gradient(135deg, rgba(0, 122, 124, 0.1), transparent 55%), #fff;
}

.dark .ln-product-errors-kpi--sellers {
    background: linear-gradient(135deg, rgba(0, 122, 124, 0.16), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-product-errors-kpi--today {
    border-color: rgba(217, 119, 6, 0.3);
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), transparent 55%), #fff;
}

.dark .ln-product-errors-kpi--today {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-product-errors-panel {
    padding: 0;
}

.ln-product-errors__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin: 0;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--ln-line, #eeeaf5);
    background: #faf9fc;
}

.dark .ln-product-errors__toolbar {
    background: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ln-product-errors__tabs {
    min-width: 0;
    flex: 1 1 auto;
}

.ln-product-errors__tabs nav.fi-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    column-gap: 0.35rem;
    padding: 0;
    margin: 0;
    max-width: 100%;
}

/* Inativo: cinza claro | Ativo: brand roxo s????lido */
.ln-product-errors__tabs .fi-tabs-item {
    display: inline-flex !important;
    align-items: center;
    border-radius: 999px !important;
    border: 1px solid #d4d0de !important;
    background: #eceaf2 !important;
    color: #5b5670 !important;
    padding: 0.32rem 0.85rem !important;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: none !important;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.ln-product-errors__tabs .fi-tabs-item:hover,
.ln-product-errors__tabs .fi-tabs-item:focus-visible {
    border-color: #b8b2c9 !important;
    background: #e2deea !important;
    color: #3d3754 !important;
}

.ln-product-errors__tabs .fi-tabs-item .fi-tabs-item-label {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.ln-product-errors__tabs .fi-tabs-item.fi-active,
.ln-product-errors__tabs .fi-tabs-item.fi-tabs-item-active,
.ln-product-errors__tabs .fi-tabs-item[aria-selected="true"] {
    background: #514795 !important;
    border-color: #514795 !important;
    color: #fff !important;
}

.ln-product-errors__tabs .fi-tabs-item.fi-active:hover,
.ln-product-errors__tabs .fi-tabs-item.fi-tabs-item-active:hover,
.ln-product-errors__tabs .fi-tabs-item[aria-selected="true"]:hover,
.ln-product-errors__tabs .fi-tabs-item.fi-active:focus-visible,
.ln-product-errors__tabs .fi-tabs-item.fi-tabs-item-active:focus-visible,
.ln-product-errors__tabs .fi-tabs-item[aria-selected="true"]:focus-visible {
    background: #433a7d !important;
    border-color: #433a7d !important;
    color: #fff !important;
}

.ln-product-errors__tabs .fi-tabs-item.fi-active .fi-tabs-item-label,
.ln-product-errors__tabs .fi-tabs-item.fi-tabs-item-active .fi-tabs-item-label,
.ln-product-errors__tabs .fi-tabs-item[aria-selected="true"] .fi-tabs-item-label {
    color: #fff !important;
}

.dark .ln-product-errors__tabs .fi-tabs-item {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #c4bfd4 !important;
}

.dark .ln-product-errors__tabs .fi-tabs-item:hover,
.dark .ln-product-errors__tabs .fi-tabs-item:focus-visible {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    color: #e8e4f7 !important;
}

.dark .ln-product-errors__tabs .fi-tabs-item.fi-active,
.dark .ln-product-errors__tabs .fi-tabs-item.fi-tabs-item-active,
.dark .ln-product-errors__tabs .fi-tabs-item[aria-selected="true"] {
    background: #6d63b5 !important;
    border-color: #6d63b5 !important;
    color: #fff !important;
}

.dark .ln-product-errors__tabs .fi-tabs-item.fi-active:hover,
.dark .ln-product-errors__tabs .fi-tabs-item.fi-tabs-item-active:hover,
.dark .ln-product-errors__tabs .fi-tabs-item[aria-selected="true"]:hover {
    background: #7c73c4 !important;
    border-color: #7c73c4 !important;
    color: #fff !important;
}

.ln-product-errors__table {
    padding: 0.35rem 0.5rem 0.65rem;
}

.ln-product-errors-panel .fi-ta-ctn {
    border: 0;
    box-shadow: none;
    background: transparent;
}

.ln-product-errors-body.inline-actions .fi-ta-cell .fi-ta-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.3rem !important;
    width: 5.5rem;
    min-width: 5.5rem;
}

.ln-product-errors-body.inline-actions .fi-ta-cell .fi-ta-actions .fi-btn,
.ln-product-errors-body.inline-actions .fi-ta-cell .fi-ta-actions .ln-row-action,
.ln-product-errors-body.inline-actions .fi-ta-cell .fi-ta-actions a,
.ln-product-errors-body.inline-actions .fi-ta-cell .fi-ta-actions button {
    width: 100% !important;
    min-width: 100% !important;
    justify-content: center !important;
    white-space: nowrap;
    padding: 0.2rem 0.4rem !important;
    font-size: 0.68rem !important;
    min-height: 1.5rem !important;
    border-radius: 0.45rem !important;
}

.ln-pe-seller {
    display: inline-flex;
    flex-direction: column;
    gap: 0.1rem;
    line-height: 1.2;
}

.ln-pe-seller strong {
    font-weight: 700;
    color: #1f1738;
}

.dark .ln-pe-seller strong {
    color: #f8fafc;
}

.ln-pe-seller small {
    font-size: 0.65rem;
    font-weight: 600;
    color: #94a3b8;
}

.ln-pe-market {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.22rem 0.5rem;
    border-radius: 0.55rem;
    border: 1px solid color-mix(in srgb, var(--ch, #514795) 22%, #e8e4f0);
    background: color-mix(in srgb, var(--ch, #514795) 8%, #fff);
    font-size: 0.72rem;
}

.dark .ln-pe-market {
    background: color-mix(in srgb, var(--ch, #514795) 16%, transparent);
    border-color: color-mix(in srgb, var(--ch, #514795) 35%, transparent);
}

.ln-pe-market i {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: var(--ch, #514795);
    flex-shrink: 0;
}

.ln-pe-market strong {
    font-weight: 700;
    color: #1f1738;
}

.dark .ln-pe-market strong {
    color: #f8fafc;
}

.ln-pe-market.is-empty {
    color: #94a3b8;
    border-style: dashed;
    background: transparent;
}

.ln-pe-msg {
    font-size: 0.78rem;
    line-height: 1.35;
    color: #475569;
}

.dark .ln-pe-msg {
    color: #cbd5e1;
}

@media (prefers-reduced-motion: reduce) {
    .ln-product-errors-masthead__glow {
        animation: none !important;
    }
}

/* ???????????????????????? Fun???????es edit/create/view ???????????????????????? */
.ln-role-edit .ln-shipping-masthead__aside {
    gap: 0.85rem;
}

.ln-role-edit__relations {
    margin-top: 0.25rem;
}

.ln-role-edit__relations .fi-resource-relation-managers {
    border-radius: 1rem;
    overflow: hidden;
}

.ln-role-edit__infolist .fi-fo-component-ctn,
.ln-role-edit__infolist .fi-in-entry-wrp {
    max-width: 100%;
}

/* ???????????????????????? Idiomas (/painel/languages) ???????????????????????? */
.ln-languages-body .fi-header,
.ln-languages-body .fi-page > section > header.fi-header {
    display: none !important;
}

.ln-languages {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.ln-languages-masthead {
    position: relative;
    overflow: hidden;
}

.ln-languages-masthead__glow {
    position: absolute;
    inset: -30% auto auto 58%;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(14, 165, 233, 0.32), transparent 70%);
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .ln-languages-masthead__glow {
        animation: ln-active-glow 9s ease-in-out infinite alternate;
    }
}

.ln-languages-masthead__cta {
    position: relative;
    z-index: 1;
    align-self: flex-end;
    background: #fff !important;
    color: #514795 !important;
    border-color: transparent !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.ln-languages-masthead__cta:hover {
    color: #3d3580 !important;
}

.ln-languages-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .ln-languages-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.ln-languages-kpi--total {
    border-color: rgba(14, 165, 233, 0.28);
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), transparent 55%), #fff;
}

.dark .ln-languages-kpi--total {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.16), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-languages-kpi--ok {
    border-color: rgba(22, 163, 74, 0.28);
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.08), transparent 55%), #fff;
}

.dark .ln-languages-kpi--ok {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.14), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-languages-kpi--idle {
    border-color: rgba(100, 116, 139, 0.28);
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.14), transparent 55%), #fff;
}

.dark .ln-languages-kpi--idle {
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.12), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-languages-kpi--books {
    border-color: rgba(81, 71, 149, 0.28);
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.1), transparent 55%), #fff;
}

.dark .ln-languages-kpi--books {
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.18), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-languages-panel {
    padding: 0;
}

.ln-languages__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin: 0;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--ln-line, #eeeaf5);
    background: #faf9fc;
}

.dark .ln-languages__toolbar {
    background: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ln-languages__tabs {
    min-width: 0;
    flex: 1 1 auto;
}

.ln-languages__table {
    padding: 0.35rem 0.5rem 0.65rem;
}

.ln-languages-panel .fi-ta-ctn {
    border: 0;
    box-shadow: none;
    background: transparent;
}

.ln-languages-body.inline-actions .fi-ta-cell .fi-ta-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.3rem !important;
    width: 5.5rem;
    min-width: 5.5rem;
}

.ln-languages-body.inline-actions .fi-ta-cell .fi-ta-actions .fi-btn,
.ln-languages-body.inline-actions .fi-ta-cell .fi-ta-actions .ln-row-action,
.ln-languages-body.inline-actions .fi-ta-cell .fi-ta-actions a,
.ln-languages-body.inline-actions .fi-ta-cell .fi-ta-actions button {
    width: 100% !important;
    min-width: 100% !important;
    justify-content: center !important;
    white-space: nowrap;
    padding: 0.2rem 0.4rem !important;
    font-size: 0.68rem !important;
    min-height: 1.5rem !important;
    border-radius: 0.45rem !important;
}

.ln-lang-cell {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    line-height: 1.25;
}

.ln-lang-name {
    font-weight: 700;
    color: #1f1738;
}

.dark .ln-lang-name {
    color: #f8fafc;
}

.ln-lang-code {
    display: inline-flex;
    align-self: flex-start;
    padding: 0.1rem 0.4rem;
    border-radius: 0.35rem;
    background: rgba(14, 165, 233, 0.12);
    color: #0369a1;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.dark .ln-lang-code {
    background: rgba(14, 165, 233, 0.2);
    color: #7dd3fc;
}

.ln-lang-stat {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.15;
    gap: 0.08rem;
}

.ln-lang-stat strong {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    color: #1f1738;
}

.dark .ln-lang-stat strong {
    color: #f8fafc;
}

.ln-lang-stat.is-ok strong {
    color: #15803d;
}

.dark .ln-lang-stat.is-ok strong {
    color: #86efac;
}

.ln-lang-stat.is-idle strong {
    color: #94a3b8;
}

.ln-lang-stat small {
    font-size: 0.65rem;
    font-weight: 600;
    color: #94a3b8;
}

@media (prefers-reduced-motion: reduce) {
    .ln-languages-masthead__glow {
        animation: none !important;
    }
}


/* ?? Planos (tiers) ?? */
.ln-tier-cell {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    line-height: 1.25;
}
.ln-tier-name { font-weight: 700; color: #1f1738; }
.dark .ln-tier-name { color: #f8fafc; }
.ln-tier-skus { font-size: 0.75rem; font-weight: 600; color: #6b647f; }
.dark .ln-tier-skus { color: #a89fbf; }
.ln-tier-price { display: inline-flex; flex-direction: column; align-items: flex-end; line-height: 1.15; gap: 0.08rem; }
.ln-tier-price strong { font-variant-numeric: tabular-nums; font-weight: 700; color: #1f1738; }
.dark .ln-tier-price strong { color: #f8fafc; }
.ln-tier-price.is-priced strong { color: #0a2f2a; }
.dark .ln-tier-price.is-priced strong { color: #6ee7b7; }
.ln-tier-price.is-quote strong { color: #c2410c; }
.ln-tier-price small { font-size: 0.65rem; font-weight: 600; color: #94a3b8; }
.ln-tier-stat { display: inline-flex; flex-direction: column; align-items: flex-end; line-height: 1.15; gap: 0.08rem; }
.ln-tier-stat strong { font-variant-numeric: tabular-nums; font-weight: 700; color: #1f1738; }
.dark .ln-tier-stat strong { color: #f8fafc; }
.ln-tier-stat.is-ok strong { color: #15803d; }
.dark .ln-tier-stat.is-ok strong { color: #86efac; }
.ln-tier-stat.is-idle strong { color: #94a3b8; }
.ln-tier-stat small { font-size: 0.65rem; font-weight: 600; color: #94a3b8; }
.ln-tier-addons {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 0.75rem 1rem;
    line-height: 1.15;
}
.ln-tier-addon {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end;
    gap: 0.12rem;
    min-width: 0;
}
.ln-tier-addon__value {
    display: block !important;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    font-size: 0.875rem;
    color: #0a2f2a;
    white-space: nowrap;
}
.dark .ln-tier-addon__value { color: #6ee7b7; }
.ln-tier-addon.is-idle .ln-tier-addon__value { color: #94a3b8; }
.dark .ln-tier-addon.is-idle .ln-tier-addon__value { color: #94a3b8; }
.ln-tier-addon__meta {
    display: block !important;
    font-size: 0.65rem;
    font-weight: 600;
    color: #94a3b8;
    white-space: nowrap;
}
.ln-tier-badges { display: flex; flex-wrap: wrap; gap: 0.35rem; max-width: 16rem; }
.ln-tier-badge {
    display: inline-flex; align-items: center; padding: 0.18rem 0.5rem; border-radius: 999px;
    font-size: 0.68rem; font-weight: 700; letter-spacing: 0.01em; line-height: 1.2; white-space: nowrap;
}
.ln-tier-badge.is-price { background: color-mix(in srgb, #0a2f2a 12%, #fff); color: #0a2f2a; border: 1px solid color-mix(in srgb, #0a2f2a 22%, transparent); }
.ln-tier-badge.is-quote { background: color-mix(in srgb, #ff6a12 14%, #fff); color: #c2410c; border: 1px solid color-mix(in srgb, #ff6a12 28%, transparent); }
.ln-tier-badge.is-period { background: color-mix(in srgb, #514795 12%, #fff); color: #514795; border: 1px solid color-mix(in srgb, #514795 22%, transparent); }
.ln-tier-badge.is-idle { background: #f1f5f9; color: #64748b; border: 1px solid #e2e8f0; }
.ln-tier-badge.is-hot { background: color-mix(in srgb, #16a34a 14%, #fff); color: #15803d; border: 1px solid color-mix(in srgb, #16a34a 28%, transparent); }
.ln-tier-badge.is-warn { background: color-mix(in srgb, #eab308 18%, #fff); color: #a16207; border: 1px solid color-mix(in srgb, #eab308 35%, transparent); }
.dark .ln-tier-badge.is-price { background: rgba(16, 185, 129, 0.16); color: #6ee7b7; border-color: rgba(16, 185, 129, 0.28); }
.dark .ln-tier-badge.is-quote { background: rgba(255, 106, 18, 0.18); color: #fdba74; border-color: rgba(255, 106, 18, 0.3); }
.dark .ln-tier-badge.is-period { background: rgba(167, 139, 250, 0.16); color: #c4b5fd; border-color: rgba(167, 139, 250, 0.28); }
.dark .ln-tier-badge.is-idle { background: rgba(148, 163, 184, 0.12); color: #94a3b8; border-color: rgba(148, 163, 184, 0.22); }
.dark .ln-tier-badge.is-hot { background: rgba(34, 197, 94, 0.16); color: #86efac; border-color: rgba(34, 197, 94, 0.28); }
.dark .ln-tier-badge.is-warn { background: rgba(234, 179, 8, 0.16); color: #fde68a; border-color: rgba(234, 179, 8, 0.28); }
/* ???????????????????????? Filas / Queue monitors (/painel/queue-monitors) ???????????????????????? */
.ln-queue-monitors-body .fi-header,
.ln-queue-monitors-body .fi-page > section > header.fi-header {
    display: none !important;
}

.ln-queue-monitors {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.ln-queue-monitors-masthead {
    position: relative;
    overflow: hidden;
}

.ln-queue-monitors-masthead__glow {
    position: absolute;
    inset: -30% auto auto 58%;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(14, 165, 233, 0.34), transparent 70%);
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .ln-queue-monitors-masthead__glow {
        animation: ln-active-glow 9s ease-in-out infinite alternate;
    }
}

.ln-queue-monitors-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (min-width: 800px) {
    .ln-queue-monitors .ln-analysis-kpis.ln-queue-monitors-kpis {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.ln-queue-monitors-kpi--total {
    border-color: rgba(100, 116, 139, 0.28);
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.14), transparent 55%), #fff;
}

.dark .ln-queue-monitors-kpi--total {
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.12), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-queue-monitors-kpi--running {
    border-color: rgba(14, 165, 233, 0.3);
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), transparent 55%), #fff;
}

.dark .ln-queue-monitors-kpi--running {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.16), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-queue-monitors-kpi--failed {
    border-color: rgba(220, 38, 38, 0.3);
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.1), transparent 55%), #fff;
}

.dark .ln-queue-monitors-kpi--failed {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.16), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-queue-monitors-kpi--ok {
    border-color: rgba(22, 163, 74, 0.28);
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.08), transparent 55%), #fff;
}

.dark .ln-queue-monitors-kpi--ok {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.14), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-queue-monitors-kpi--pending {
    border-color: rgba(81, 71, 149, 0.28);
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.1), transparent 55%), #fff;
}

.dark .ln-queue-monitors-kpi--pending {
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.18), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-queue-monitors-panel {
    padding: 0;
}

.ln-queue-monitors__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin: 0;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--ln-line, #eeeaf5);
    background: #faf9fc;
}

.dark .ln-queue-monitors__toolbar {
    background: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ln-queue-monitors__tabs {
    min-width: 0;
    flex: 1 1 auto;
}

.ln-queue-monitors__table {
    padding: 0.35rem 0.5rem 0.65rem;
}

.ln-queue-monitors-panel .fi-ta-ctn {
    border: 0;
    box-shadow: none;
    background: transparent;
}

.ln-queue-monitors-body.inline-actions .fi-ta-cell .fi-ta-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.3rem !important;
    width: 5.5rem;
    min-width: 5.5rem;
}

.ln-queue-monitors-body.inline-actions .fi-ta-cell .fi-ta-actions .fi-btn,
.ln-queue-monitors-body.inline-actions .fi-ta-cell .fi-ta-actions .ln-row-action,
.ln-queue-monitors-body.inline-actions .fi-ta-cell .fi-ta-actions a,
.ln-queue-monitors-body.inline-actions .fi-ta-cell .fi-ta-actions button {
    width: 100% !important;
    min-width: 100% !important;
    justify-content: center !important;
    white-space: nowrap;
    padding: 0.2rem 0.4rem !important;
    font-size: 0.68rem !important;
    min-height: 1.5rem !important;
    border-radius: 0.45rem !important;
}

.ln-qm-job {
    display: inline-flex;
    flex-direction: column;
    gap: 0.12rem;
    line-height: 1.25;
}

.ln-qm-job strong {
    font-weight: 700;
    color: #1f1738;
}

.dark .ln-qm-job strong {
    color: #f8fafc;
}

.ln-qm-job small {
    font-size: 0.65rem;
    font-weight: 600;
    color: #94a3b8;
    word-break: break-all;
}

.ln-qm-details {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.ln-qm-details__meta {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

@media (min-width: 640px) {
    .ln-qm-details__meta {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.ln-qm-details__meta dt {
    margin: 0;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #94a3b8;
}

.ln-qm-details__meta dd {
    margin: 0.15rem 0 0;
    font-size: 0.88rem;
    font-weight: 700;
    color: #1f1738;
}

.dark .ln-qm-details__meta dd {
    color: #f8fafc;
}

.ln-qm-details__class code {
    display: block;
    padding: 0.55rem 0.7rem;
    border-radius: 0.55rem;
    background: #f1f5f9;
    font-size: 0.72rem;
    word-break: break-all;
}

.dark .ln-qm-details__class code {
    background: rgba(255, 255, 255, 0.06);
}

.ln-qm-details__exception-label {
    margin: 0 0 0.35rem;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #b91c1c;
}

.ln-qm-details__exception pre {
    margin: 0;
    padding: 0.75rem;
    border-radius: 0.55rem;
    background: #0f172a;
    color: #fecaca;
    font-size: 0.72rem;
    line-height: 1.4;
    overflow-x: auto;
    max-height: 18rem;
}

.ln-qm-details__empty {
    margin: 0;
    font-size: 0.85rem;
    color: #94a3b8;
}

@media (prefers-reduced-motion: reduce) {
    .ln-queue-monitors-masthead__glow {
        animation: none !important;
    }
}

/* ???????????????????????? Travas (/painel/locks) ???????????????????????? */
.ln-locks-body .fi-header,
.ln-locks-body .fi-page > section > header.fi-header {
    display: none !important;
}

.ln-locks {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.ln-locks-masthead {
    position: relative;
    overflow: hidden;
}

.ln-locks-masthead__glow {
    position: absolute;
    inset: -30% auto auto 58%;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(217, 119, 6, 0.34), transparent 70%);
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .ln-locks-masthead__glow {
        animation: ln-active-glow 9s ease-in-out infinite alternate;
    }
}

.ln-locks-masthead__cta {
    position: relative;
    z-index: 1;
    align-self: flex-end;
    background: #fff !important;
    color: #514795 !important;
    border-color: transparent !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    cursor: pointer;
}

.ln-locks-masthead__cta:hover:not(:disabled) {
    color: #3d3580 !important;
}

.ln-locks-masthead__cta:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.ln-locks-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .ln-locks .ln-analysis-kpis.ln-locks-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.ln-locks-kpi--total {
    border-color: rgba(81, 71, 149, 0.28);
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.1), transparent 55%), #fff;
}

.dark .ln-locks-kpi--total {
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.18), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-locks-kpi--ok {
    border-color: rgba(22, 163, 74, 0.28);
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.08), transparent 55%), #fff;
}

.dark .ln-locks-kpi--ok {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.14), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-locks-kpi--warn {
    border-color: rgba(217, 119, 6, 0.3);
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), transparent 55%), #fff;
}

.dark .ln-locks-kpi--warn {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-locks-kpi--timeout {
    border-color: rgba(100, 116, 139, 0.28);
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.14), transparent 55%), #fff;
}

.dark .ln-locks-kpi--timeout {
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.12), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-locks-panel {
    padding: 0;
}

.ln-locks__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin: 0;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--ln-line, #eeeaf5);
    background: #faf9fc;
}

.dark .ln-locks__toolbar {
    background: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ln-locks__tabs {
    min-width: 0;
    flex: 1 1 auto;
}

.ln-locks__table {
    padding: 0.35rem 0.5rem 0.65rem;
}

.ln-locks-panel .fi-ta-ctn {
    border: 0;
    box-shadow: none;
    background: transparent;
}

.ln-locks-body.inline-actions .fi-ta-cell .fi-ta-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.3rem !important;
    width: 5.5rem;
    min-width: 5.5rem;
}

.ln-locks-body.inline-actions .fi-ta-cell .fi-ta-actions .fi-btn,
.ln-locks-body.inline-actions .fi-ta-cell .fi-ta-actions .ln-row-action,
.ln-locks-body.inline-actions .fi-ta-cell .fi-ta-actions a,
.ln-locks-body.inline-actions .fi-ta-cell .fi-ta-actions button {
    width: 100% !important;
    min-width: 100% !important;
    justify-content: center !important;
    white-space: nowrap;
    padding: 0.2rem 0.4rem !important;
    font-size: 0.68rem !important;
    min-height: 1.5rem !important;
    border-radius: 0.45rem !important;
}

.ln-lock-user,
.ln-lock-resource {
    display: inline-flex;
    flex-direction: column;
    gap: 0.12rem;
    line-height: 1.25;
}

.ln-lock-user strong,
.ln-lock-resource strong {
    font-weight: 700;
    color: #1f1738;
}

.dark .ln-lock-user strong,
.dark .ln-lock-resource strong {
    color: #f8fafc;
}

.ln-lock-user small,
.ln-lock-resource small {
    font-size: 0.65rem;
    font-weight: 600;
    color: #94a3b8;
}

.ln-lock-user.is-empty {
    color: #94a3b8;
}

@media (prefers-reduced-motion: reduce) {
    .ln-locks-masthead__glow {
        animation: none !important;
    }
}

/* ???????????????????????? V???nculos de an????ncio (/painel/product-integrations) ???????????????????????? */
.ln-product-integrations-body .fi-header,
.ln-product-integrations-body .fi-page > section > header.fi-header {
    display: none !important;
}

.ln-product-integrations {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.ln-product-integrations-masthead {
    position: relative;
    overflow: hidden;
}

.ln-product-integrations-masthead__glow {
    position: absolute;
    inset: -30% auto auto 58%;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 122, 124, 0.28), transparent 70%);
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .ln-product-integrations-masthead__glow {
        animation: ln-active-glow 9s ease-in-out infinite alternate;
    }
}

.ln-product-integrations-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (min-width: 900px) {
    .ln-product-integrations-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.ln-product-integrations-kpi--total {
    border-color: rgba(81, 71, 149, 0.28);
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.1), transparent 55%), #fff;
}

.dark .ln-product-integrations-kpi--total {
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.18), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-product-integrations-kpi--active {
    border-color: rgba(0, 122, 124, 0.28);
    background: linear-gradient(135deg, rgba(0, 122, 124, 0.1), transparent 55%), #fff;
}

.dark .ln-product-integrations-kpi--active {
    background: linear-gradient(135deg, rgba(0, 122, 124, 0.16), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-product-integrations-kpi--inactive {
    border-color: rgba(100, 116, 139, 0.3);
    background: linear-gradient(135deg, rgba(100, 116, 139, 0.1), transparent 55%), #fff;
}

.dark .ln-product-integrations-kpi--inactive {
    background: linear-gradient(135deg, rgba(100, 116, 139, 0.16), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-product-integrations-kpi--markets {
    border-color: rgba(217, 119, 6, 0.3);
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), transparent 55%), #fff;
}

.dark .ln-product-integrations-kpi--markets {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-product-integrations-panel {
    padding: 0;
}

.ln-product-integrations__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin: 0;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid var(--ln-line, #eeeaf5);
    background: #faf9fc;
}

.dark .ln-product-integrations__toolbar {
    background: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ln-product-integrations__tabs {
    min-width: 0;
    flex: 1 1 auto;
}

.ln-product-integrations__tabs nav.fi-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    column-gap: 0.35rem;
    padding: 0;
    margin: 0;
    max-width: 100%;
}

.ln-product-integrations__tabs .fi-tabs-item {
    display: inline-flex !important;
    align-items: center;
    border-radius: 999px !important;
    border: 1px solid #d4d0de !important;
    background: #eceaf2 !important;
    color: #5b5670 !important;
    padding: 0.32rem 0.85rem !important;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: none !important;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.ln-product-integrations__tabs .fi-tabs-item:hover,
.ln-product-integrations__tabs .fi-tabs-item:focus-visible {
    border-color: #b8b2c9 !important;
    background: #e2deea !important;
    color: #3d3754 !important;
}

.ln-product-integrations__tabs .fi-tabs-item .fi-tabs-item-label {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.ln-product-integrations__tabs .fi-tabs-item.fi-active,
.ln-product-integrations__tabs .fi-tabs-item.fi-tabs-item-active,
.ln-product-integrations__tabs .fi-tabs-item[aria-selected="true"] {
    background: #514795 !important;
    border-color: #514795 !important;
    color: #fff !important;
}

.ln-product-integrations__tabs .fi-tabs-item.fi-active:hover,
.ln-product-integrations__tabs .fi-tabs-item.fi-tabs-item-active:hover,
.ln-product-integrations__tabs .fi-tabs-item[aria-selected="true"]:hover,
.ln-product-integrations__tabs .fi-tabs-item.fi-active:focus-visible,
.ln-product-integrations__tabs .fi-tabs-item.fi-tabs-item-active:focus-visible,
.ln-product-integrations__tabs .fi-tabs-item[aria-selected="true"]:focus-visible {
    background: #433a7d !important;
    border-color: #433a7d !important;
    color: #fff !important;
}

.ln-product-integrations__tabs .fi-tabs-item.fi-active .fi-tabs-item-label,
.ln-product-integrations__tabs .fi-tabs-item.fi-tabs-item-active .fi-tabs-item-label,
.ln-product-integrations__tabs .fi-tabs-item[aria-selected="true"] .fi-tabs-item-label {
    color: #fff !important;
}

.dark .ln-product-integrations__tabs .fi-tabs-item {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #c4bfd4 !important;
}

.dark .ln-product-integrations__tabs .fi-tabs-item:hover,
.dark .ln-product-integrations__tabs .fi-tabs-item:focus-visible {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    color: #e8e4f7 !important;
}

.dark .ln-product-integrations__tabs .fi-tabs-item.fi-active,
.dark .ln-product-integrations__tabs .fi-tabs-item.fi-tabs-item-active,
.dark .ln-product-integrations__tabs .fi-tabs-item[aria-selected="true"] {
    background: #6d63b5 !important;
    border-color: #6d63b5 !important;
    color: #fff !important;
}

.dark .ln-product-integrations__tabs .fi-tabs-item.fi-active:hover,
.dark .ln-product-integrations__tabs .fi-tabs-item.fi-tabs-item-active:hover,
.dark .ln-product-integrations__tabs .fi-tabs-item[aria-selected="true"]:hover {
    background: #7c73c4 !important;
    border-color: #7c73c4 !important;
    color: #fff !important;
}

.ln-product-integrations__table {
    padding: 0.35rem 0.5rem 0.65rem;
}

.ln-product-integrations-panel .fi-ta-ctn {
    border: 0;
    box-shadow: none;
    background: transparent;
}

.ln-product-integrations-body.inline-actions .fi-ta-cell .fi-ta-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.3rem !important;
    width: 6.25rem;
    min-width: 6.25rem;
    max-width: 6.25rem;
}

.ln-product-integrations-body.inline-actions .fi-ta-cell .fi-ta-actions .fi-btn,
.ln-product-integrations-body.inline-actions .fi-ta-cell .fi-ta-actions .ln-row-action,
.ln-product-integrations-body.inline-actions .fi-ta-cell .fi-ta-actions a,
.ln-product-integrations-body.inline-actions .fi-ta-cell .fi-ta-actions button {
    width: 6.25rem !important;
    min-width: 6.25rem !important;
    max-width: 6.25rem !important;
    justify-content: center !important;
    white-space: nowrap;
    padding: 0.2rem 0.35rem !important;
    font-size: 0.68rem !important;
    height: 1.55rem !important;
    min-height: 1.55rem !important;
    max-height: 1.55rem !important;
    border-radius: 0.45rem !important;
    box-sizing: border-box !important;
}

.ln-pi-seller {
    display: inline-flex;
    flex-direction: column;
    gap: 0.1rem;
    line-height: 1.2;
}

.ln-pi-seller strong {
    font-weight: 700;
    color: #1f1738;
}

.dark .ln-pi-seller strong {
    color: #f8fafc;
}

.ln-pi-seller small {
    font-size: 0.65rem;
    font-weight: 600;
    color: #94a3b8;
}

.ln-pi-market {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
    box-sizing: border-box;
    width: 8.75rem;
    min-width: 8.75rem;
    max-width: 8.75rem;
    height: 1.55rem;
    padding: 0 0.5rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--ch, #514795) 22%, #e8e4f0);
    background: color-mix(in srgb, var(--ch, #514795) 8%, #fff);
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
}

.dark .ln-pi-market {
    background: color-mix(in srgb, var(--ch, #514795) 16%, transparent);
    border-color: color-mix(in srgb, var(--ch, #514795) 35%, transparent);
}

.ln-pi-market i {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: var(--ch, #514795);
    flex-shrink: 0;
}

.ln-pi-market strong {
    font-weight: 700;
    color: #1f1738;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.dark .ln-pi-market strong {
    color: #f8fafc;
}

.ln-pi-market.is-empty {
    color: #94a3b8;
    border-style: dashed;
    background: transparent;
}

.ln-pi-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5.25rem;
    min-width: 5.25rem;
    max-width: 5.25rem;
    height: 1.55rem;
    box-sizing: border-box;
    padding: 0 0.4rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-align: center;
    white-space: nowrap;
}

/* V???nculos: Ativo = vermelho | Inativo = verde (mesmo tamanho) */
.ln-pi-status.is-on {
    color: #b91c1c;
    background: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.28);
}

.ln-pi-status.is-off {
    color: #15803d;
    background: rgba(22, 163, 74, 0.14);
    border: 1px solid rgba(22, 163, 74, 0.35);
}

.dark .ln-pi-status.is-on {
    color: #fca5a5;
    background: rgba(220, 38, 38, 0.2);
    border-color: rgba(252, 165, 165, 0.35);
}

.dark .ln-pi-status.is-off {
    color: #86efac;
    background: rgba(22, 163, 74, 0.22);
    border-color: rgba(134, 239, 172, 0.35);
}

.ln-pi-canal {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.45rem;
    border-radius: 0.4rem;
    font-size: 0.7rem;
    font-weight: 600;
    color: #433a7d;
    background: rgba(81, 71, 149, 0.1);
}

.ln-pi-canal.is-legacy {
    color: #94a3b8;
    background: rgba(148, 163, 184, 0.12);
    font-style: italic;
}

.dark .ln-pi-canal {
    color: #c4b5fd;
    background: rgba(81, 71, 149, 0.22);
}

.dark .ln-pi-canal.is-legacy {
    color: #94a3b8;
    background: rgba(148, 163, 184, 0.16);
}

@media (prefers-reduced-motion: reduce) {
    .ln-product-integrations-masthead__glow {
        animation: none !important;
    }
}

/* ???????????????????????? Maintenance switch (Up/Down) ???????? farol pill ???????????????????????? */
button.fi-ms-btn {
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    min-height: 2rem !important;
    height: auto !important;
    padding: 0.28rem 0.75rem !important;
    gap: 0.4rem !important;
    border: 1px solid transparent;
    box-shadow: none !important;
}

/* Up = manuten???????o desligada = verde */
button.fi-ms-btn:not(.bg-primary-500) {
    color: #15803d !important;
    background: rgba(22, 163, 74, 0.14) !important;
    border-color: rgba(22, 163, 74, 0.35) !important;
}

button.fi-ms-btn:not(.bg-primary-500):hover,
button.fi-ms-btn:not(.bg-primary-500):focus {
    color: #166534 !important;
    background: rgba(22, 163, 74, 0.22) !important;
    border-color: rgba(22, 163, 74, 0.45) !important;
}

/* Down = manuten???????o ligada = vermelho (farol) */
button.fi-ms-btn.bg-primary-500 {
    color: #fff !important;
    background: #dc2626 !important;
    border-color: #b91c1c !important;
}

button.fi-ms-btn.bg-primary-500:hover,
button.fi-ms-btn.bg-primary-500:focus {
    background: #b91c1c !important;
    border-color: #991b1b !important;
}

.dark button.fi-ms-btn:not(.bg-primary-500) {
    color: #86efac !important;
    background: rgba(22, 163, 74, 0.22) !important;
    border-color: rgba(134, 239, 172, 0.35) !important;
}

.dark button.fi-ms-btn.bg-primary-500 {
    color: #fff !important;
    background: #ef4444 !important;
    border-color: #dc2626 !important;
}
/* Assinatura seller */
.ln-subscription__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem 1rem;
    margin: 1rem 0 1.25rem;
}
.ln-subscription__facts dt {
    font-size: 0.75rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    opacity: 0.72;
    margin: 0 0 0.2rem;
}
.ln-subscription__facts dd {
    margin: 0;
    font-weight: 600;
    font-size: 0.95rem;
}
@media (max-width: 640px) {
    .ln-subscription__facts {
        grid-template-columns: 1fr;
    }
}

/* Planos ? previs?o / efetivo */
.ln-tier-money {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.1rem;
    line-height: 1.15;
}
.ln-tier-money strong {
    font-variant-numeric: tabular-nums;
    font-size: 0.92rem;
}
.ln-tier-money small {
    font-size: 0.7rem;
    opacity: 0.65;
    font-weight: 500;
}
.ln-tier-money.is-previsao strong { color: #1e3a5f; }
.ln-tier-money.is-efetivo strong { color: #15803d; }
.ln-tier-money.is-idle strong { color: #64748b; }
.dark .ln-tier-money.is-previsao strong { color: #93c5fd; }
.dark .ln-tier-money.is-efetivo strong { color: #86efac; }

/* Planos ? KPIs por per?odo (3) + m?s + bloqueados */
.ln-tiers-page .ln-tiers-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 900px) {
    .ln-tiers-page .ln-tiers-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 1200px) {
    .ln-tiers-page .ln-tiers-kpis {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}
.ln-tiers-kpi--period {
    border-color: rgba(30, 58, 95, 0.22);
    background: linear-gradient(135deg, rgba(30, 58, 95, 0.08), transparent 55%), #fff;
}
.dark .ln-tiers-kpi--period {
    background: linear-gradient(135deg, rgba(147, 197, 253, 0.12), transparent 55%), rgba(255, 255, 255, 0.04);
}
.ln-tiers-kpi--mes {
    border-color: rgba(22, 163, 74, 0.28);
}
.ln-tiers-kpi--blocked {
    border-color: rgba(220, 38, 38, 0.28);
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.1), transparent 55%), #fff;
}
.dark .ln-tiers-kpi--blocked {
    background: linear-gradient(135deg, rgba(248, 113, 113, 0.14), transparent 55%), rgba(255, 255, 255, 0.04);
}
.ln-tiers-kpi--blocked .ln-analysis-kpi__value {
    color: #b91c1c;
}
.dark .ln-tiers-kpi--blocked .ln-analysis-kpi__value {
    color: #fca5a5;
}

/* Assinatura ? usu?rio desde */
.ln-subscription__since {
    margin: 0.55rem 0 0;
    font-size: 0.92rem;
    opacity: 0.78;
}
.ln-subscription__since time {
    font-weight: 650;
    opacity: 1;
}

/* Assinatura ? badge Gerar QR Code ? direita do painel */
.ln-subscription__panel-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem 1.15rem;
    margin-bottom: 0.85rem;
}
.ln-subscription__panel-head .ln-wallet__heading {
    margin-bottom: 0.25rem;
}
.ln-subscription__panel-head .ln-wallet__meta {
    margin-bottom: 0;
}
.ln-subscription__pix-badge {
    white-space: nowrap;
    flex-shrink: 0;
}
.ln-subscription__pix-badge--waiting {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1.05rem;
    border-radius: 0.85rem;
    font-size: 0.88rem;
    font-weight: 700;
    background: rgba(245, 158, 11, 0.16);
    color: #92400e;
    border: 1px solid rgba(245, 158, 11, 0.35);
}
.ln-subscription__screen {
    min-width: 0;
}
.ln-subscription__pix {
    margin-top: 1.25rem;
    padding-top: 1.15rem;
    border-top: 1px solid rgba(15, 23, 42, 0.1);
}
.dark .ln-subscription__pix {
    border-top-color: rgba(255, 255, 255, 0.12);
}

/* Assinatura ? plano ? esquerda, hist?rico ? direita */
.ln-subscription__body {
    display: grid;
    gap: 1.15rem;
    align-items: start;
}
@media (min-width: 1100px) {
    .ln-subscription__body {
        grid-template-columns: minmax(18rem, 0.95fr) minmax(22rem, 1.35fr);
    }
}
.ln-subscription__history {
    min-width: 0;
}
.ln-subscription__history-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: 0.85rem;
}
.ln-subscription__history-head .ln-wallet__heading {
    margin-bottom: 0.2rem;
}
.ln-subscription__payments-table {
    min-width: 36rem;
}
.ln-subscription__payments-table td.is-num,
.ln-subscription__payments-table th.is-num {
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.ln-subscription__pix-code {
    display: inline-block;
    max-width: 16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.78rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    color: #3f3a5c;
    vertical-align: bottom;
}
.dark .ln-subscription__pix-code {
    color: #d6d0ef;
}
.ln-subscription__payments-empty {
    color: #6b647f;
    font-style: italic;
}
.dark .ln-subscription__payments-empty {
    color: #a8a0c0;
}

/* SKU quota + modal limite do plano */
.ln-book-sku-quota {
    margin: 0 0 0.85rem;
    padding: 0.55rem 0.85rem;
    border-radius: 0.75rem;
    background: rgba(81, 71, 149, 0.08);
    color: #3d3580;
    font-size: 0.9rem;
}
.ln-book-sku-quota--inline {
    display: inline-flex;
    align-items: center;
    margin: 0;
    white-space: nowrap;
}
.ln-book-sku-quota__warn {
    color: #b45309;
    font-weight: 650;
}
.dark .ln-book-sku-quota {
    background: rgba(167, 139, 250, 0.12);
    color: #ddd6fe;
}
.ln-sku-modal {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 1.25rem;
}
.ln-sku-modal__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(15, 23, 42, 0.55);
    cursor: pointer;
}
.ln-sku-modal__card {
    position: relative;
    z-index: 1;
    width: min(100%, 28rem);
    border-radius: 1rem;
    background: #fff;
    padding: 1.35rem 1.4rem 1.2rem;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.28);
}
.dark .ln-sku-modal__card {
    background: #1e1b2e;
    color: #f8fafc;
}
.ln-sku-modal__eyebrow {
    margin: 0 0 0.35rem;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.65;
    font-weight: 700;
}
.ln-sku-modal__title {
    margin: 0 0 0.65rem;
    font-size: 1.2rem;
    font-weight: 750;
    line-height: 1.25;
}
.ln-sku-modal__body {
    margin: 0 0 1.15rem;
    font-size: 0.95rem;
    line-height: 1.45;
    opacity: 0.9;
}
.ln-sku-modal__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
}

/* SKU meter + modal (v2) */
.ln-sku-meter {
    display: grid;
    gap: 0.4rem;
    margin: 0 0 0.95rem;
    padding: 0.65rem 0.85rem 0.75rem;
    border-radius: 0.85rem;
    background: linear-gradient(135deg, rgba(81, 71, 149, 0.1), rgba(81, 71, 149, 0.03));
    border: 1px solid rgba(81, 71, 149, 0.16);
    min-width: 11.5rem;
}
.ln-sku-meter--inline {
    margin: 0;
    align-self: center;
}

/* SKU meter in Filament topbar (seller) */
.ln-sku-meter--topbar {
    display: grid;
    gap: 0.28rem;
    margin: 0 0.35rem 0 0;
    padding: 0.35rem 0.7rem 0.4rem;
    min-width: 9.5rem;
    max-width: 12.5rem;
    border-radius: 0.7rem;
    text-decoration: none !important;
    color: inherit;
    align-self: center;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.ln-sku-meter--topbar:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(28, 23, 48, 0.08);
}
.ln-sku-meter--topbar .ln-sku-meter__value {
    font-size: 0.84rem;
}
.ln-sku-meter--topbar .ln-sku-meter__hint {
    font-size: 0.7rem;
}
.ln-sku-meter--topbar .ln-sku-meter__track {
    height: 0.28rem;
}
.fi-topbar-end {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}
@media (max-width: 640px) {
    .ln-sku-meter--topbar {
        min-width: 7.5rem;
        max-width: 9.5rem;
        padding: 0.28rem 0.55rem 0.32rem;
    }
    .ln-sku-meter--topbar .ln-sku-meter__label {
        display: none;
    }
}
.ln-sku-meter__copy {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    flex-wrap: wrap;
}
.ln-sku-meter__label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    opacity: 0.62;
}
.ln-sku-meter__value {
    font-size: 0.95rem;
    font-variant-numeric: tabular-nums;
    color: #3d3580;
}
.ln-sku-meter__hint {
    font-size: 0.78rem;
    opacity: 0.72;
}
.ln-sku-meter__track {
    height: 0.35rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.08);
    overflow: hidden;
}
.ln-sku-meter__fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #514795;
    transition: width 0.35s ease;
}
.ln-sku-meter--warn {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.14), rgba(245, 158, 11, 0.04));
    border-color: rgba(217, 119, 6, 0.28);
}
.ln-sku-meter--warn .ln-sku-meter__value { color: #b45309; }
.ln-sku-meter--warn .ln-sku-meter__hint { color: #b45309; opacity: 0.9; font-weight: 650; }
.ln-sku-meter--warn .ln-sku-meter__fill { background: #d97706; }
.ln-sku-meter--full {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.12), rgba(220, 38, 38, 0.03));
    border-color: rgba(220, 38, 38, 0.28);
}
.ln-sku-meter--full .ln-sku-meter__value { color: #b91c1c; }
.ln-sku-meter--full .ln-sku-meter__hint { color: #b91c1c; opacity: 0.9; font-weight: 650; }
.ln-sku-meter--full .ln-sku-meter__fill { background: #dc2626; }
.dark .ln-sku-meter {
    background: rgba(167, 139, 250, 0.1);
    border-color: rgba(167, 139, 250, 0.22);
}
.dark .ln-sku-meter__value { color: #ddd6fe; }
.dark .ln-sku-meter__track { background: rgba(255, 255, 255, 0.1); }

.ln-sku-modal {
    position: fixed;
    inset: 0;
    z-index: 90;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    animation: ln-sku-fade 0.18s ease;
}
@keyframes ln-sku-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}
.ln-sku-modal__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(15, 23, 42, 0.58);
    backdrop-filter: blur(2px);
    cursor: pointer;
}
.ln-sku-modal__card {
    position: relative;
    z-index: 1;
    width: min(100%, 26.5rem);
    border-radius: 1.15rem;
    background: #fff;
    padding: 1.45rem 1.4rem 1.25rem;
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.32);
    animation: ln-sku-pop 0.22s ease;
}
@keyframes ln-sku-pop {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to { opacity: 1; transform: none; }
}
.ln-sku-modal__card--warn { border-top: 3px solid #d97706; }
.ln-sku-modal__card--full { border-top: 3px solid #dc2626; }
.dark .ln-sku-modal__card {
    background: #1a1726;
    color: #f8fafc;
}
.ln-sku-modal__icon {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.75rem;
    display: grid;
    place-items: center;
    margin-bottom: 0.75rem;
}
.ln-sku-modal__card--warn .ln-sku-modal__icon {
    color: #b45309;
    background: rgba(245, 158, 11, 0.16);
}
.ln-sku-modal__card--full .ln-sku-modal__icon {
    color: #b91c1c;
    background: rgba(220, 38, 38, 0.14);
}
.ln-sku-modal__icon svg { width: 1.25rem; height: 1.25rem; }
.ln-sku-modal__eyebrow {
    margin: 0 0 0.3rem;
    font-size: 0.7rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    font-weight: 750;
    opacity: 0.62;
}
.ln-sku-modal__title {
    margin: 0 0 0.85rem;
    font-family: var(--ln-font-display);
    font-size: 1.28rem;
    font-weight: 750;
    line-height: 1.2;
}
.ln-sku-modal__body { margin: 0 0 1.15rem; }
.ln-sku-modal__body .ln-sku-meter { margin-bottom: 0.85rem; }
.ln-sku-modal__text {
    margin: 0;
    font-size: 0.94rem;
    line-height: 1.5;
    opacity: 0.9;
}
.ln-sku-modal__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
}

/* Toast aviso vencimento assinatura (Renovar / Fechar) */
.ln-bill-toast {
    position: fixed;
    top: 1.15rem;
    right: 1.15rem;
    z-index: 11000;
    pointer-events: auto;
    width: min(calc(100vw - 2rem), 24.5rem);
    padding: 1rem 1.1rem 0.95rem;
    border-radius: 0.75rem;
    background: #fff;
    border-top: 4px solid #f5b301;
    box-shadow: 0 12px 36px rgba(15, 23, 42, 0.18), 0 2px 8px rgba(15, 23, 42, 0.08);
}
.ln-bill-toast--overdue {
    border-top-color: #ef4444;
}
.ln-bill-toast--overdue .ln-bill-toast__icon {
    background: #ef4444;
}
.dark .ln-bill-toast {
    background: #1e1b2e;
    color: #f8fafc;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45);
}
.ln-bill-toast__x {
    position: absolute;
    top: 0.55rem;
    right: 0.55rem;
    display: grid;
    place-items: center;
    width: 1.65rem;
    height: 1.65rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
}
.ln-bill-toast__x:hover { color: #64748b; }
.ln-bill-toast__x svg { width: 0.95rem; height: 0.95rem; }
.ln-bill-toast__row {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding-right: 1.35rem;
}
.ln-bill-toast__icon {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 999px;
    background: #f5b301;
    color: #fff;
}
.ln-bill-toast__icon svg { width: 1.05rem; height: 1.05rem; }
.ln-bill-toast__title {
    margin: 0 0 0.3rem;
    font-size: 0.98rem;
    font-weight: 750;
    line-height: 1.25;
    color: #0f172a;
}
.dark .ln-bill-toast__title { color: #f8fafc; }
.ln-bill-toast__body {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.45;
    color: #475569;
}
.dark .ln-bill-toast__body { color: #cbd5e1; }
.ln-bill-toast__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
    margin-top: 0.95rem;
}
.ln-bill-toast__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.15rem;
    padding: 0.4rem 0.95rem;
    border-radius: 0.4rem;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}
.ln-bill-toast__btn--primary {
    background: #16a34a;
    color: #fff;
}
.ln-bill-toast__btn--primary:hover { background: #15803d; }
.ln-bill-toast__btn--ghost {
    background: #fff;
    color: #334155;
    border-color: #cbd5e1;
}
.ln-bill-toast__btn--ghost:hover { background: #f8fafc; }
.dark .ln-bill-toast__btn--ghost {
    background: transparent;
    color: #e2e8f0;
    border-color: rgba(255, 255, 255, 0.22);
}
.ln-bill-toast--enter { transition: opacity 0.22s ease, transform 0.22s ease; }
.ln-bill-toast--enter-start { opacity: 0; transform: translateY(-0.5rem); }
.ln-bill-toast--enter-end { opacity: 1; transform: translateY(0); }
.ln-bill-toast--leave { transition: opacity 0.18s ease, transform 0.18s ease; }
.ln-bill-toast--leave-start { opacity: 1; transform: translateY(0); }
.ln-bill-toast--leave-end { opacity: 0; transform: translateY(-0.4rem); }
@media (max-width: 640px) {
    .ln-bill-toast {
        top: auto;
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
        width: auto;
    }
}


/* DC-e emit modal + progress overlay */
.ln-dce-modal {
    display: grid;
    gap: 0.85rem;
    color: #3d3754;
    font-size: 0.875rem;
    line-height: 1.45;
}
.ln-dce-modal__lead { margin: 0; }
.ln-dce-modal__steps {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.55rem;
}
.ln-dce-modal__steps li {
    display: grid;
    gap: 0.15rem;
    padding: 0.55rem 0.7rem;
    border-radius: 0.65rem;
    background: rgba(81, 71, 149, 0.06);
    border: 1px solid rgba(81, 71, 149, 0.12);
}
.ln-dce-modal__steps strong {
    font-size: 0.78rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #514795;
}
.ln-dce-modal__steps span { color: #5b5670; }
.ln-dce-modal__steps code {
    font-size: 0.78em;
    padding: 0.05rem 0.3rem;
    border-radius: 0.3rem;
    background: rgba(28, 23, 48, 0.06);
}
.ln-dce-modal__hint {
    margin: 0;
    padding: 0.55rem 0.7rem;
    border-radius: 0.55rem;
    background: rgba(217, 119, 6, 0.1);
    border: 1px solid rgba(217, 119, 6, 0.22);
    color: #9a3412;
    font-size: 0.8rem;
}
.ln-dce-progress {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: rgba(28, 23, 48, 0.45);
    backdrop-filter: blur(2px);
}
.ln-dce-progress__card {
    width: min(26rem, 100%);
    display: grid;
    gap: 0.75rem;
    justify-items: center;
    text-align: center;
    padding: 1.35rem 1.25rem 1.2rem;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 18px 40px rgba(28, 23, 48, 0.22);
}
.ln-dce-progress__spinner {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 999px;
    border: 3px solid rgba(81, 71, 149, 0.18);
    border-top-color: #514795;
    animation: ln-dce-spin 0.7s linear infinite;
}
@keyframes ln-dce-spin { to { transform: rotate(360deg); } }
.ln-dce-progress__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1c1730;
}
.ln-dce-progress__copy {
    margin: 0;
    font-size: 0.86rem;
    color: #5b5670;
    line-height: 1.45;
}
.ln-dce-progress__steps {
    margin: 0.25rem 0 0;
    padding: 0;
    width: 100%;
    list-style: none;
    display: grid;
    gap: 0.35rem;
    text-align: left;
}
.ln-dce-progress__steps li {
    font-size: 0.78rem;
    color: #8a849c;
    padding: 0.35rem 0.55rem;
    border-radius: 0.45rem;
    background: rgba(81, 71, 149, 0.04);
}
.ln-dce-progress__steps li.is-active {
    color: #514795;
    font-weight: 650;
    background: rgba(81, 71, 149, 0.1);
}
.dark .ln-dce-modal { color: #e8e4f7; }
.dark .ln-dce-modal__steps li {
    background: rgba(196, 181, 253, 0.08);
    border-color: rgba(196, 181, 253, 0.16);
}
.dark .ln-dce-modal__steps strong { color: #c4b5fd; }
.dark .ln-dce-modal__steps span { color: #c9c2df; }
.dark .ln-dce-progress__card { background: #1c1730; }
.dark .ln-dce-progress__title { color: #f3efff; }
.dark .ln-dce-progress__copy { color: #b7afc9; }
/* ??? Auditoria de v?nculos (/painel/listing-link-audit) ??? */
.ln-listing-audit-body .fi-header,
.ln-listing-audit-body .fi-page > section > header.fi-header {
    display: none !important;
}

.ln-listing-audit {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}

.ln-listing-audit-masthead {
    position: relative;
    overflow: hidden;
}

.ln-listing-audit-masthead__glow {
    position: absolute;
    inset: -30% auto auto 58%;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 122, 124, 0.28), transparent 70%);
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .ln-listing-audit-masthead__glow {
        animation: ln-active-glow 9s ease-in-out infinite alternate;
    }
}

.ln-listing-audit .ln-analysis-kpis.ln-listing-audit-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 900px) {
    .ln-listing-audit .ln-analysis-kpis.ln-listing-audit-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.ln-listing-audit-kpi--broken {
    border-color: rgba(100, 116, 139, 0.3);
    background: linear-gradient(135deg, rgba(100, 116, 139, 0.1), transparent 55%), #fff;
}

.dark .ln-listing-audit-kpi--broken {
    background: linear-gradient(135deg, rgba(100, 116, 139, 0.16), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-listing-audit-kpi--safe {
    border-color: rgba(0, 122, 124, 0.28);
    background: linear-gradient(135deg, rgba(0, 122, 124, 0.1), transparent 55%), #fff;
}

.dark .ln-listing-audit-kpi--safe {
    background: linear-gradient(135deg, rgba(0, 122, 124, 0.16), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-listing-audit-kpi--ambiguous {
    border-color: rgba(217, 119, 6, 0.3);
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), transparent 55%), #fff;
}

.dark .ln-listing-audit-kpi--ambiguous {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-listing-audit-kpi--miss {
    border-color: rgba(190, 18, 60, 0.28);
    background: linear-gradient(135deg, rgba(244, 63, 94, 0.1), transparent 55%), #fff;
}

.dark .ln-listing-audit-kpi--miss {
    background: linear-gradient(135deg, rgba(244, 63, 94, 0.14), transparent 55%), rgba(255, 255, 255, 0.04);
}

.ln-listing-audit__actions .ln-analysis-period:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.ln-listing-audit-panel {
    padding: 0;
    overflow: hidden;
}

.ln-listing-audit .ln-analysis-table tbody tr.is-safe td {
    background: rgba(0, 122, 124, 0.04);
}

.ln-listing-audit .ln-analysis-table tbody tr.is-selected td {
    background: rgba(81, 71, 149, 0.08);
}

.dark .ln-listing-audit .ln-analysis-table tbody tr.is-safe td {
    background: rgba(0, 122, 124, 0.1);
}

.dark .ln-listing-audit .ln-analysis-table tbody tr.is-selected td {
    background: rgba(109, 99, 181, 0.16);
}

.ln-listing-audit-col-sel {
    width: 3rem;
    text-align: center;
}

.ln-listing-audit-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ln-listing-audit-check input {
    width: 1rem;
    height: 1rem;
    accent-color: #514795;
}

.ln-listing-audit-dash {
    color: #9ca3af;
}

.ln-listing-audit-sku {
    font-size: 0.8rem;
    padding: 0.1rem 0.35rem;
    border-radius: 0.35rem;
    background: rgba(81, 71, 149, 0.08);
    color: #433a7d;
}

.dark .ln-listing-audit-sku {
    background: rgba(196, 181, 253, 0.12);
    color: #c4b5fd;
}

.ln-listing-audit-title {
    max-width: 16rem;
}

.ln-listing-audit-msg {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: #6b7280;
    line-height: 1.35;
}

.dark .ln-listing-audit-msg {
    color: #a8a3b8;
}

.ln-listing-audit-remote {
    max-width: 14rem;
}

.ln-listing-audit-remote strong {
    display: block;
}

.ln-listing-audit-remote small {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.75rem;
    color: #6b7280;
    line-height: 1.35;
}

.dark .ln-listing-audit-remote small {
    color: #a8a3b8;
}

.ln-listing-audit-empty {
    padding: 2rem 1.25rem;
    text-align: center;
}

.ln-listing-audit-empty__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1c1730;
}

.ln-listing-audit-empty__lead {
    margin: 0.45rem 0 0;
    font-size: 0.9rem;
    color: #5b5670;
    line-height: 1.45;
}

.dark .ln-listing-audit-empty__title {
    color: #f3efff;
}

.dark .ln-listing-audit-empty__lead {
    color: #b7afc9;
}

@media (prefers-reduced-motion: reduce) {
    .ln-listing-audit-masthead__glow {
        animation: none !important;
    }
}

@media (max-width: 719px) {
    .ln-listing-audit .ln-analysis-filters {
        align-items: stretch;
        width: 100%;
        margin-left: 0;
    }

    .ln-listing-audit .ln-analysis-filters__row {
        justify-content: flex-start;
    }

    .ln-listing-audit .ln-analysis-select,
    .ln-listing-audit__actions .ln-analysis-period {
        flex: 1 1 auto;
    }
}

/* ??? Auditoria: badge de filtros full-width ??? */
.ln-listing-audit-badge {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    width: 100%;
    padding: 1.05rem 1.2rem 1.1rem;
    border-radius: 1.15rem;
    border: 1px solid color-mix(in srgb, #514795 18%, transparent);
    background:
        linear-gradient(135deg, rgba(81, 71, 149, 0.08), transparent 42%),
        linear-gradient(320deg, rgba(0, 122, 124, 0.07), transparent 48%),
        #faf9fc;
    box-shadow: 0 12px 32px rgba(28, 24, 48, 0.06);
}

.dark .ln-listing-audit-badge {
    border-color: color-mix(in srgb, #c4b5fd 20%, transparent);
    background:
        linear-gradient(135deg, rgba(109, 99, 181, 0.16), transparent 45%),
        linear-gradient(320deg, rgba(0, 122, 124, 0.1), transparent 50%),
        rgba(255, 255, 255, 0.03);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}

.ln-listing-audit-badge__fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
    gap: 0.75rem 1rem;
    width: 100%;
    align-items: end;
}

.ln-listing-audit-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.ln-listing-audit-field--limit {
    max-width: 10rem;
}

.ln-listing-audit-field__label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: color-mix(in srgb, #514795 55%, #6b647f);
}

.dark .ln-listing-audit-field__label {
    color: color-mix(in srgb, #c4b5fd 70%, #9ca3af);
}

.ln-listing-audit-field__select {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 100%;
    height: 2.45rem;
    padding: 0.4rem 2rem 0.4rem 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid color-mix(in srgb, #514795 18%, transparent);
    background:
        #fff
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='%23514795'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.17l3.71-3.94a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E")
        no-repeat right 0.7rem center / 0.7rem;
    color: #1c1730;
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ln-listing-audit-field__select:focus {
    outline: none;
    border-color: color-mix(in srgb, #514795 42%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, #514795 12%, transparent);
}

.ln-listing-audit-field__select:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.dark .ln-listing-audit-field__select {
    background-color: #161422;
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
    color: #f3efff;
}

.ln-listing-audit-badge__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding-top: 0.15rem;
}

.ln-listing-audit-badge__actions .ln-canal-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}

.ln-listing-audit-badge__apply {
    background: #007a7c !important;
    border-color: #007a7c !important;
    color: #fff !important;
    margin-left: auto;
}

.ln-listing-audit-badge__apply:hover:not(:disabled) {
    filter: brightness(1.06);
}

.ln-listing-audit-badge__hint {
    margin: 0;
    padding-top: 0.15rem;
    border-top: 1px dashed color-mix(in srgb, #514795 16%, transparent);
    font-size: 0.8rem;
    line-height: 1.45;
    color: #6b7280;
}

.dark .ln-listing-audit-badge__hint {
    border-top-color: color-mix(in srgb, #c4b5fd 18%, transparent);
    color: #a8a3b8;
}

@media (max-width: 719px) {
    .ln-listing-audit-field--limit {
        max-width: none;
    }

    .ln-listing-audit-badge__apply {
        margin-left: 0;
        width: 100%;
        justify-content: center;
    }
}

/* ??? V?nculos de an?ncio: an?ncio + canais na mesma tabela ??? */
.ln-product-integrations-body tr.ln-pi-row.is-lead > td {
    border-top: 1px solid color-mix(in srgb, #514795 16%, transparent);
    padding-top: 0.85rem;
}

.ln-product-integrations-body tr.ln-pi-row.is-lead:first-child > td {
    border-top: 0;
}

.ln-product-integrations-body tr.ln-pi-row.is-cont > td {
    border-top-color: transparent;
}

.ln-product-integrations-body tr.ln-pi-row.is-cont .ln-pi-thumb img,
.ln-product-integrations-body tr.ln-pi-row.is-cont .fi-ta-image {
    opacity: 0;
    pointer-events: none;
}

.ln-pi-cont {
    display: block;
    min-height: 0.25rem;
}

.ln-product-integrations-body td.ln-pi-col-book {
    min-width: 10rem;
    max-width: 16rem;
    width: 14rem;
    vertical-align: middle;
    white-space: normal !important;
}

.ln-product-integrations-body td.ln-pi-col-book .fi-ta-col-wrp,
.ln-product-integrations-body td.ln-pi-col-book .fi-ta-col-wrp > div,
.ln-product-integrations-body td.ln-pi-col-book .whitespace-nowrap,
.ln-product-integrations-body td.ln-pi-col-book .fi-ta-text-item-label {
    white-space: normal !important;
    min-width: 0;
    max-width: 100%;
}

.ln-pi-book {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    max-width: 100%;
}

.ln-pi-book__title {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.3rem;
    max-width: 100%;
    min-width: 0;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #1c1730;
    text-decoration: none;
    line-height: 1.3;
}

.ln-pi-book__title-text {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ln-pi-book__title:hover {
    color: #514795;
}

.ln-pi-book__title svg {
    width: 0.8rem;
    height: 0.8rem;
    flex-shrink: 0;
    margin-top: 0.15rem;
    opacity: 0.5;
}

.dark .ln-pi-book__title {
    color: #f3efff;
}

.dark .ln-pi-book__title:hover {
    color: #c4b5fd;
}

.ln-pi-book__id {
    font-size: 0.7rem;
    font-weight: 600;
    color: #94a3b8;
}

.ln-product-integrations-body.inline-actions .fi-ta-cell .fi-ta-actions {
    width: auto;
    min-width: 0;
    max-width: none;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.3rem !important;
}

.ln-product-integrations-body.inline-actions .fi-ta-cell .fi-ta-actions .fi-btn,
.ln-product-integrations-body.inline-actions .fi-ta-cell .fi-ta-actions .ln-row-action,
.ln-product-integrations-body.inline-actions .fi-ta-cell .fi-ta-actions a,
.ln-product-integrations-body.inline-actions .fi-ta-cell .fi-ta-actions button {
    width: 6.25rem !important;
    min-width: 6.25rem !important;
    max-width: 6.25rem !important;
}
/* ??? V?nculos: busca na toolbar ??? */
.ln-product-integrations-body .fi-ta-search-field {
    display: none !important;
}

.ln-product-integrations__search-box {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex: 0 1 20rem;
    width: 20rem;
    min-width: 14rem;
    max-width: 24rem;
    margin-left: auto;
    padding: 0.4rem 0.8rem;
    border-radius: 0.65rem;
    border: 1px solid color-mix(in srgb, #514795 18%, transparent);
    background: #fff;
}

.ln-product-integrations__search-box svg {
    width: 0.95rem;
    height: 0.95rem;
    color: color-mix(in srgb, #514795 70%, #6b647f);
    flex: 0 0 auto;
}

.ln-product-integrations__search-box input {
    width: 100%;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent;
    font-size: 0.84rem;
    color: #1c1730;
    padding: 0.2rem 0;
}

.ln-product-integrations__search-box input[type="search"]::-webkit-search-decoration,
.ln-product-integrations__search-box input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.ln-product-integrations__search-box:focus-within {
    border-color: color-mix(in srgb, #514795 42%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, #514795 12%, transparent);
}

.dark .ln-product-integrations__search-box {
    background: #161422;
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
}

.dark .ln-product-integrations__search-box input {
    color: #f3efff;
}

@media (max-width: 900px) {
    .ln-product-integrations__search-box {
        flex: 1 1 100%;
        width: 100%;
        max-width: none;
        margin-left: 0;
    }
}

/* ??? V?nculos: preview da capa no hover ??? */
.ln-pi-cover-wrap {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.ln-pi-cover-wrap:hover {
    z-index: 40;
}

.ln-pi-cover {
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
    border-radius: 0.35rem;
    overflow: hidden;
    line-height: 0;
}

.ln-pi-cover img {
    display: block;
    width: 3.125rem;   /* +25% (era 2.5rem), proporção 2:3 */
    height: 4.6875rem; /* +25% (era 3.75rem) */
    object-fit: cover;
    border-radius: 0.35rem;
    background: #eceaf2;
}

.ln-pi-cover-flyout {
    position: fixed;
    transform: translateY(-50%);
    z-index: 90;
    width: 11.5rem;
    padding: 0.45rem;
    border-radius: 0.75rem;
    background: #fff;
    border: 1px solid color-mix(in srgb, #514795 16%, transparent);
    box-shadow: 0 16px 36px rgba(28, 24, 48, 0.22);
    pointer-events: none;
}

.dark .ln-pi-cover-flyout {
    background: #1a1730;
    border-color: color-mix(in srgb, #c4b5fd 22%, transparent);
}

.ln-pi-cover-flyout__img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 16rem;
    object-fit: contain;
    border-radius: 0.45rem;
    background: #f3f1f8;
}

.dark .ln-pi-cover-flyout__img {
    background: rgba(255, 255, 255, 0.04);
}

.ln-pi-cover-flyout__title {
    margin: 0.4rem 0 0;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.3;
    color: #1c1730;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dark .ln-pi-cover-flyout__title {
    color: #f3efff;
}

.ln-product-integrations-body tr.ln-pi-row.is-cont .ln-pi-cover-wrap {
    display: none;
}

.ln-product-integrations__table .fi-ta-ctn,
.ln-product-integrations__table .fi-ta-content {
    overflow: visible;
}
/* ??? Categorias: busca na toolbar ??? */
.ln-categories-body .fi-ta-search-field {
    display: none !important;
}

.ln-categories__search-box {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex: 0 1 20rem;
    width: 20rem;
    min-width: 14rem;
    max-width: 24rem;
    margin-left: auto;
    padding: 0.4rem 0.8rem;
    border-radius: 0.65rem;
    border: 1px solid color-mix(in srgb, #514795 18%, transparent);
    background: #fff;
}

.ln-categories__search-box svg {
    width: 0.95rem;
    height: 0.95rem;
    color: color-mix(in srgb, #514795 70%, #6b647f);
    flex: 0 0 auto;
}

.ln-categories__search-box input {
    width: 100%;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent;
    font-size: 0.84rem;
    color: #1c1730;
    padding: 0.2rem 0;
}

.ln-categories__search-box input[type="search"]::-webkit-search-decoration,
.ln-categories__search-box input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.ln-categories__search-box:focus-within {
    border-color: color-mix(in srgb, #514795 42%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, #514795 12%, transparent);
}

.dark .ln-categories__search-box {
    background: #161422;
    border-color: color-mix(in srgb, #c4b5fd 18%, transparent);
}

.dark .ln-categories__search-box input {
    color: #f3efff;
}

@media (max-width: 900px) {
    .ln-categories__search-box {
        flex: 1 1 100%;
        width: 100%;
        max-width: none;
        margin-left: 0;
    }
}