/* ============================================================
   LIQ WORLD UI V1
   Global visual foundation derived from MAP V2.4.

   Contract:
   - Map V2.4 remains authoritative and untouched.
   - Dark shell is global.
   - Legacy/light product views move toward the same system.
   - Special editorial / branded surfaces receive later waves.
   ============================================================ */

:root {
    --liq-world-bg: #020910;

    --liq-world-surface-0: #04101a;
    --liq-world-surface-1: #061521;
    --liq-world-surface-2: #081b2a;
    --liq-world-surface-3: #0a2232;

    --liq-world-line:
        rgba(55, 130, 160, .30);

    --liq-world-line-soft:
        rgba(100, 160, 180, .14);

    --liq-world-text: #eef8fc;
    --liq-world-muted: #8ea9b8;
    --liq-world-soft: #668493;

    --liq-world-cyan: #12d9f4;
    --liq-world-cyan-rgb: 18, 217, 244;

    --liq-view-accent:
        var(--liq-world-cyan);

    --liq-view-accent-rgb:
        var(--liq-world-cyan-rgb);

    --liq-world-radius: 12px;
}


/* ============================================================
   GLOBAL APPLICATION SHELL
   ============================================================ */

html,
body {
    background:
        var(--liq-world-bg);
}

body {
    color:
        var(--liq-world-text);
}

.app-shell,
.workspace {
    background:
        var(--liq-world-bg) !important;
}


/* ------------------------------------------------------------
   Header
   ------------------------------------------------------------ */

body .topbar {
    color:
        #dcecf3;

    border-bottom:
        1px solid
        rgba(38, 126, 163, .28) !important;

    background:
        linear-gradient(
            180deg,
            #071521 0%,
            #03101a 100%
        ) !important;

    box-shadow:
        0 10px 35px
        rgba(0, 0, 0, .22);
}

body .brand-lockup strong {
    color:
        #eef8fc !important;
}

body .brand-lockup span {
    color:
        #7896a6 !important;
}

body .flagmark {
    border-color:
        rgba(70, 137, 165, .24);

    box-shadow:
        0 0 20px
        rgba(18, 217, 244, .08);
}


/* ------------------------------------------------------------
   Primary navigation
   ------------------------------------------------------------ */

body .topnav button {
    color:
        #89a5b4 !important;

    border-color:
        transparent;

    background:
        transparent !important;

    transition:
        color .15s ease,
        border-color .15s ease,
        background .15s ease,
        box-shadow .15s ease;
}

body .topnav button:hover {
    color:
        #e4f9ff !important;

    background:
        rgba(13, 63, 88, .40) !important;
}

body .topnav button.on {
    color:
        #ffffff !important;

    border:
        1px solid
        rgba(18, 217, 244, .46) !important;

    background:
        linear-gradient(
            180deg,
            #0b5272,
            #07364f
        ) !important;

    box-shadow:
        0 0 20px
        rgba(18, 217, 244, .08);
}


/* ------------------------------------------------------------
   Location / date / player / account
   ------------------------------------------------------------ */

body .mobility-indicator,
body .datebox,
body .userbox,
body .account-switch {
    color:
        #dcecf3 !important;

    border:
        1px solid
        rgba(53, 122, 151, .34) !important;

    background:
        rgba(6, 22, 34, .92) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .025);
}

body .mobility-indicator b,
body .datebox b,
body .userbox b {
    color:
        #f1f9fc !important;
}

body .mobility-indicator small,
body .datebox span,
body .datebox small,
body .userbox small,
body .account-switch small {
    color:
        #7895a5 !important;
}

body .avatar {
    color:
        #d9f6fd !important;

    border-color:
        rgba(83, 154, 182, .36) !important;

    background:
        #0b2839 !important;
}

body .account-switch select {
    color:
        #edf9fc !important;

    border-color:
        rgba(48, 130, 163, .32) !important;

    background:
        #071724 !important;
}


/* ============================================================
   LEGACY -> WORLD UI VIEWS
   ============================================================ */

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
).view {
    --liq-view-accent:
        var(--liq-world-cyan);

    --liq-view-accent-rgb:
        var(--liq-world-cyan-rgb);

    min-height:
        calc(100vh - 110px);

    color:
        var(--liq-world-text) !important;

    background:
        radial-gradient(
            circle at 12% 4%,
            rgba(
                var(--liq-view-accent-rgb),
                .08
            ),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #04101a,
            #020910 75%
        ) !important;
}


/* ------------------------------------------------------------
   Per-view accent only.
   Structure stays generic.
   ------------------------------------------------------------ */

#pais {
    --liq-view-accent: #12d9f4;
    --liq-view-accent-rgb: 18, 217, 244;
}

#politica {
    --liq-view-accent: #65b6dc;
    --liq-view-accent-rgb: 101, 182, 220;
}

#presidencia {
    --liq-view-accent: #d7a837;
    --liq-view-accent-rgb: 215, 168, 55;
}

#empresas {
    --liq-view-accent: #ddb747;
    --liq-view-accent-rgb: 221, 183, 71;
}

#mercado {
    --liq-view-accent: #d79e2a;
    --liq-view-accent-rgb: 215, 158, 42;
}

#integridade {
    --liq-view-accent: #42a8d3;
    --liq-view-accent-rgb: 66, 168, 211;
}

#internacional {
    --liq-view-accent: #6faeca;
    --liq-view-accent-rgb: 111, 174, 202;
}


/* ============================================================
   TYPOGRAPHIC FOUNDATION
   ============================================================ */

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:is(
    h1,
    h2,
    h3,
    h4,
    strong,
    b
) {
    color:
        var(--liq-world-text);
}

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:is(
    p,
    small,
    .note,
    .empty-copy
) {
    color:
        var(--liq-world-muted);
}

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:is(
    label,
    dt,
    .eyebrow,
    [class*="eyebrow"]
) {
    color:
        #75b7cd;
}


/* ============================================================
   GENERIC SURFACES
   ============================================================ */

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:where(
    .card,
    .panel,
    fieldset
) {
    color:
        var(--liq-world-text) !important;

    border-color:
        var(--liq-world-line) !important;

    background:
        linear-gradient(
            180deg,
            var(--liq-world-surface-1),
            #04121d
        ) !important;

    box-shadow:
        0 14px 38px
        rgba(0, 0, 0, .20),
        inset 0 1px 0
        rgba(255, 255, 255, .025);
}


/*
 * Many older screens use article as their metric/card primitive.
 */
:is(
    #pais,
    #politica,
    #presidencia,
    #mercado,
    #integridade,
    #internacional
)
article {
    color:
        var(--liq-world-text);

    border-color:
        var(--liq-world-line) !important;

    background:
        var(--liq-world-surface-1) !important;
}


/* ------------------------------------------------------------
   Common bordered containers
   ------------------------------------------------------------ */

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:where(
    .grid2 > div,
    .detail-columns > section,
    .compact-list,
    .fact-list,
    .table
) {
    border-color:
        var(--liq-world-line-soft) !important;
}


/* ============================================================
   FORM SYSTEM
   ============================================================ */

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:is(
    input,
    select,
    textarea
) {
    color:
        #e8f6fa !important;

    border:
        1px solid
        rgba(74, 137, 161, .38) !important;

    background:
        #061724 !important;

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .02);
}

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:is(
    input,
    textarea
)::placeholder {
    color:
        #587484 !important;
}

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:is(
    input,
    select,
    textarea
):focus {
    outline:
        none;

    border-color:
        rgba(
            var(--liq-view-accent-rgb),
            .70
        ) !important;

    box-shadow:
        0 0 0 2px
        rgba(
            var(--liq-view-accent-rgb),
            .08
        );
}


/* ============================================================
   BUTTON SYSTEM
   ============================================================ */

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
button {
    border-color:
        rgba(73, 137, 163, .36);

    color:
        #dff7fc;

    background:
        #0a2637;
}

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
button:hover {
    filter:
        brightness(1.09);
}

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:is(
    .primary,
    button.primary
) {
    color:
        #ffffff !important;

    border-color:
        rgba(
            var(--liq-view-accent-rgb),
            .58
        ) !important;

    background:
        linear-gradient(
            180deg,
            rgba(
                var(--liq-view-accent-rgb),
                .34
            ),
            rgba(
                var(--liq-view-accent-rgb),
                .18
            )
        ) !important;
}


/* ============================================================
   TABLES / LISTS / DIVIDERS
   ============================================================ */

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
table {
    color:
        #dcecf3;
}

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:is(
    th,
    td
) {
    border-color:
        rgba(86, 145, 169, .15) !important;
}

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
th {
    color:
        #78aec3;
}

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
hr {
    border-color:
        var(--liq-world-line-soft);
}


/* ============================================================
   VIEW-SPECIFIC FIRST PASS
   ============================================================ */


/* ------------------------------------------------------------
   PERSONAL / OVERVIEW
   ------------------------------------------------------------ */

#pais .overview-shell {
    color:
        var(--liq-world-text);
}

#pais .overview-banner {
    color:
        var(--liq-world-text) !important;

    border-color:
        var(--liq-world-line) !important;

    background:
        linear-gradient(
            135deg,
            #0a2232,
            #071622
        ) !important;
}


/* ------------------------------------------------------------
   POLITICS / PRESIDENCY
   ------------------------------------------------------------ */

#politica .politics-hero,
#presidencia .politics-hero {
    border-color:
        rgba(
            var(--liq-view-accent-rgb),
            .28
        ) !important;

    background:
        linear-gradient(
            135deg,
            #0b2638,
            #071722
        ) !important;
}

#politica .politics-metrics article,
#presidencia .politics-metrics article {
    background:
        var(--liq-world-surface-1) !important;
}


/* ------------------------------------------------------------
   EMPRESAS
   ------------------------------------------------------------ */

#empresas form {
    color:
        var(--liq-world-text);

    background:
        transparent !important;
}

#empresas form label {
    color:
        #a8bfca;
}


/* ------------------------------------------------------------
   MERCADO / ADMIN
   ------------------------------------------------------------ */

#mercado :where(
    .status-tag,
    [class*="tag"]
) {
    border-color:
        rgba(
            var(--liq-view-accent-rgb),
            .34
        );
}


/* ------------------------------------------------------------
   INTEGRIDADE
   ------------------------------------------------------------ */

#integridade :where(
    .result,
    .political-result
) {
    color:
        var(--liq-world-text);

    border-color:
        var(--liq-world-line);
}


/* ------------------------------------------------------------
   INTERNACIONAL
   ------------------------------------------------------------ */

#internacional :where(
    .card,
    article,
    fieldset
) {
    background:
        linear-gradient(
            180deg,
            #071824,
            #05131e
        ) !important;
}


/* ============================================================
   SCROLLBARS
   ============================================================ */

body {
    scrollbar-color:
        #17485f
        #020910;
}

body ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body ::-webkit-scrollbar-track {
    background:
        #020910;
}

body ::-webkit-scrollbar-thumb {
    border:
        2px solid #020910;

    border-radius: 999px;

    background:
        #17485f;
}

body ::-webkit-scrollbar-thumb:hover {
    background:
        #216680;
}


/* ============================================================
   EXPLICIT NON-GOALS FOR WAVE 1

   These retain their own presentation systems until Wave 2/3:
   #mapa
   #afl
   #emprego
   #torcidas
   #bolsa
   #banco
   #noticias
   #jornal

   Global shell still applies to them.
   ============================================================ */


/* ============================================================
   LIQ WORLD UI V1.1
   Legacy surface hardening

   Converts remaining light dashboard islands inside legacy
   product views. Does NOT touch:
   - MAP V2.4
   - AFL
   - Emprego
   - Torcidas
   - Bolsa
   - Banco
   - Noticias
   - Jornal
   ============================================================ */


/* ============================================================
   SHARED LEGACY SURFACE CONTRACT
   ============================================================ */

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:where(
    article,
    fieldset,
    .card,
    .panel,

    [class*="-card"],
    [class*="-panel"],
    [class*="-tile"],
    [class*="-box"],
    [class*="-row"],
    [class*="-item"]
)
:not(button)
:not(input)
:not(select)
:not(textarea)
:not([class*="tag"])
:not([class*="badge"])
:not([class*="pill"])
:not([class*="chip"]) {
    color:
        var(--liq-world-text) !important;

    border-color:
        var(--liq-world-line) !important;

    background-color:
        var(--liq-world-surface-1) !important;

    background-image:
        linear-gradient(
            180deg,
            rgba(8, 27, 42, .98),
            rgba(4, 18, 29, .98)
        ) !important;
}


/* ============================================================
   GENERIC METRIC / GRID CHILDREN

   Older modules frequently use anonymous divs inside semantic
   grids rather than .card.
   ============================================================ */

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:where(
    .grid2,
    .grid3,
    .grid4,
    [class*="stat-grid"],
    [class*="stats-grid"],
    [class*="metric-grid"],
    [class*="metrics-grid"]
)
> :where(
    div,
    section,
    article
) {
    color:
        var(--liq-world-text) !important;

    border-color:
        var(--liq-world-line) !important;

    background:
        linear-gradient(
            180deg,
            #071a28,
            #04121d
        ) !important;
}


/* ------------------------------------------------------------
   Nested headings / labels
   ------------------------------------------------------------ */

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:where(
    article,
    fieldset,
    .card,
    .panel,
    [class*="-card"],
    [class*="-panel"],
    [class*="-row"],
    [class*="-item"]
)
:is(
    h1,
    h2,
    h3,
    h4,
    strong,
    b
) {
    color:
        #eef8fc !important;
}

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:where(
    article,
    fieldset,
    .card,
    .panel,
    [class*="-card"],
    [class*="-panel"],
    [class*="-row"],
    [class*="-item"]
)
:is(
    p,
    small,
    span
) {
    border-color:
        rgba(86, 145, 169, .15);
}


/* ============================================================
   VISAO GERAL
   ============================================================ */

#pais :where(
    [class*="personal"],
    [class*="profile"],
    [class*="work"],
    [class*="job"],
    [class*="commit"],
    [class*="agenda"],
    [class*="balance"],
    [class*="reputation"],
    [class*="doctrine"]
) {
    border-color:
        var(--liq-world-line) !important;
}

#pais :where(
    [class*="personal"],
    [class*="profile"],
    [class*="work"],
    [class*="job"],
    [class*="commit"],
    [class*="agenda"]
)
:where(
    div,
    section,
    article
) {
    border-color:
        rgba(75, 140, 166, .20);
}


/* ============================================================
   PRESIDENCIA

   Fiscal rows were the largest remaining white island.
   ============================================================ */

#presidencia :where(
    [class*="tax"],
    [class*="fiscal"],
    [class*="budget"],
    [class*="transfer"],
    [class*="sanction"],
    [class*="reputation"],
    [class*="territorial"],
    .compact-list
)
> :where(
    div,
    article,
    section,
    b,
    button
) {
    border-color:
        rgba(85, 146, 170, .22) !important;
}

#presidencia :where(
    [class*="tax"],
    [class*="fiscal"],
    [class*="budget"]
)
> :where(
    div,
    article,
    section
) {
    color:
        #e8f5f9 !important;

    background:
        linear-gradient(
            180deg,
            #0a2030,
            #071722
        ) !important;
}


/* ============================================================
   EMPRESAS

   Company catalogue used article-based light cards.
   ============================================================ */

#empresas article,
#empresas :where(
    [class*="company-card"],
    [class*="business-card"],
    [class*="enterprise-card"]
) {
    color:
        var(--liq-world-text) !important;

    border-color:
        var(--liq-world-line) !important;

    background:
        linear-gradient(
            180deg,
            #081c29,
            #05131e
        ) !important;
}

#empresas article :is(
    h2,
    h3,
    h4,
    b,
    strong
) {
    color:
        #eef8fc !important;
}


/* ============================================================
   MERCADO / ADMIN
   ============================================================ */

#mercado :where(
    [class*="market"],
    [class*="sale"],
    [class*="asset"],
    [class*="owner"],
    [class*="registry"]
)
:where(
    article,
    section,
    div
) {
    border-color:
        rgba(97, 148, 167, .18);
}


/* ============================================================
   RECEITA / CRIMES

   NPC cards and incident/control surfaces.
   ============================================================ */

#integridade :where(
    [class*="npc"],
    [class*="incident"],
    [class*="audit"],
    [class*="control"],
    [class*="decision"]
) {
    color:
        var(--liq-world-text);
}

#integridade :where(
    [class*="npc-card"],
    [class*="npc-item"],
    [class*="decision-card"],
    [class*="decision-item"]
) {
    color:
        #e8f5f9 !important;

    border:
        1px solid
        rgba(61, 134, 162, .26) !important;

    background:
        linear-gradient(
            180deg,
            #0a2030,
            #061621
        ) !important;
}


/*
 * Some NPC grids are anonymous direct children.
 */
#integridade :where(
    [class*="npc-grid"],
    [class*="decision-grid"]
)
> * {
    color:
        #e8f5f9 !important;

    border-color:
        rgba(61, 134, 162, .26) !important;

    background:
        linear-gradient(
            180deg,
            #0a2030,
            #061621
        ) !important;
}


/* ============================================================
   INTERNACIONAL

   Rule slabs / conversion rows remain cards, but dark.
   ============================================================ */

#internacional :where(
    [class*="foreign"],
    [class*="regime"],
    [class*="reference"],
    [class*="capital"],
    [class*="residen"],
    [class*="rule"],
    [class*="conversion"]
) {
    border-color:
        rgba(85, 146, 170, .22);
}

#internacional :where(
    [class*="foreign"],
    [class*="regime"],
    [class*="reference"],
    [class*="capital"],
    [class*="residen"],
    [class*="rule"],
    [class*="conversion"]
)
> :where(
    div,
    article,
    section
) {
    color:
        #eaf7fb !important;

    border-color:
        rgba(80, 142, 168, .22) !important;

    background:
        linear-gradient(
            180deg,
            #091e2c,
            #061521
        ) !important;
}


/* ============================================================
   LIGHT TEXT THAT WAS DESIGNED FOR WHITE PANELS
   ============================================================ */

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:where(
    article,
    .card,
    .panel,
    [class*="-card"],
    [class*="-panel"],
    [class*="-row"],
    [class*="-item"]
)
:where(
    small,
    .muted,
    .note,
    [class*="meta"],
    [class*="hint"],
    [class*="subtitle"]
) {
    color:
        #7f9eae !important;
}


/* ============================================================
   DIVIDERS
   ============================================================ */

:is(
    #pais,
    #politica,
    #presidencia,
    #empresas,
    #mercado,
    #integridade,
    #internacional
)
:where(
    article,
    section,
    .card,
    .panel,
    [class*="-card"],
    [class*="-panel"]
)
> hr {
    border-color:
        rgba(90, 148, 171, .18) !important;
}



/* ============================================================
   LIQ WORLD UI V1.2
   Exact legacy surface conversion
   ============================================================ */


/* ============================================================
   VISAO GERAL
   ============================================================ */

#pais .overview-card,
#pais .identity-strip > div,
#pais #profileSummary > div {
    color:
        var(--liq-world-text) !important;

    border:
        1px solid
        var(--liq-world-line) !important;

    background:
        linear-gradient(
            180deg,
            #071a28,
            #04121d
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025);
}

#pais .overview-card :is(
    h2,
    h3,
    h4,
    strong,
    b
),
#pais .identity-strip > div :is(
    strong,
    b
),
#pais #profileSummary > div :is(
    strong,
    b
) {
    color:
        #eef8fc !important;
}

#pais .overview-card :is(
    p,
    small,
    span
),
#pais .identity-strip > div :is(
    p,
    small,
    span
),
#pais #profileSummary > div :is(
    p,
    small,
    span
) {
    color:
        #8ea9b8;
}


/* ============================================================
   EMPRESAS
   ============================================================ */

#empresas .bank-strip > div,
#empresas .company-toolbar-v1,
#empresas .owned-company-head,
#empresas .city-business-intro {
    color:
        var(--liq-world-text) !important;

    border-color:
        var(--liq-world-line) !important;

    background:
        linear-gradient(
            180deg,
            #081b29,
            #05131e
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025);
}


/*
 * The catalogue cards are BUTTONS, therefore they were
 * intentionally skipped by the generic card conversion.
 */
#empresas button.business-card {
    color:
        #eaf7fb !important;

    border:
        1px solid
        rgba(62,137,165,.28) !important;

    background:
        linear-gradient(
            145deg,
            #0a2030 0%,
            #071722 58%,
            #06131d 100%
        ) !important;

    box-shadow:
        0 12px 28px
        rgba(0,0,0,.16),
        inset 0 1px 0
        rgba(255,255,255,.025);

    text-align:
        left;
}

#empresas button.business-card:hover {
    border-color:
        rgba(
            var(--liq-view-accent-rgb),
            .56
        ) !important;

    background:
        linear-gradient(
            145deg,
            #0d2939,
            #081c29
        ) !important;

    box-shadow:
        0 15px 34px
        rgba(0,0,0,.22),
        0 0 18px
        rgba(
            var(--liq-view-accent-rgb),
            .06
        );
}

#empresas button.business-card :is(
    h2,
    h3,
    h4,
    strong,
    b
) {
    color:
        #f0f9fc !important;
}

#empresas button.business-card :is(
    p,
    small,
    span
) {
    border-color:
        rgba(85,145,168,.17);
}

#empresas .bank-strip > div :is(
    strong,
    b,
    h3
),
#empresas .company-toolbar-v1 :is(
    strong,
    b,
    h3
),
#empresas .owned-company-head :is(
    strong,
    b,
    h3
),
#empresas .city-business-intro :is(
    strong,
    b,
    h3
) {
    color:
        #eef8fc !important;
}


/* ============================================================
   RECEITA / CRIMES
   ============================================================ */

#integridade .npc-control {
    color:
        #e8f6fa !important;

    border:
        1px solid
        rgba(63,137,165,.28) !important;

    background:
        linear-gradient(
            180deg,
            #0a2030,
            #061621
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025);
}

#integridade .npc-control :is(
    strong,
    b,
    h3,
    h4
) {
    color:
        #edf9fc !important;
}

#integridade .npc-control :is(
    span,
    small,
    p,
    label
) {
    color:
        #87a4b3 !important;
}

#integridade .npc-control button {
    color:
        #dff7fc !important;

    border:
        1px solid
        rgba(65,147,177,.38) !important;

    background:
        #0a2a3c !important;
}

#integridade .npc-control button:hover {
    background:
        #0d3850 !important;
}


/* ============================================================
   INTERNACIONAL
   ============================================================ */

#internacional .intl-list > div {
    color:
        #eaf7fb !important;

    border:
        1px solid
        rgba(67,136,163,.27) !important;

    background:
        linear-gradient(
            180deg,
            #091f2e,
            #061521
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025);
}

#internacional .intl-list > div :is(
    strong,
    b,
    h3,
    h4
) {
    color:
        #eef8fc !important;
}

#internacional .intl-list > div :is(
    p,
    small,
    span
) {
    color:
        #8da9b7;
}


/* ============================================================
   MICRO CONSISTENCY
   ============================================================ */

:is(
    #pais,
    #empresas,
    #integridade,
    #internacional
)
:where(
    .overview-card,
    .npc-control,
    .business-card,
    .intl-list > div
) {
    border-radius:
        10px;
}



/* ============================================================
   LIQ WORLD UI V1.3
   Empresas - defeat legacy economic-tier specificity
   ============================================================ */


/*
 * Legacy cards receive cream gradients from tier-specific
 * selectors such as .business-card.economic-tier-regional.
 * This selector intentionally outranks that family.
 */

#empresas.view.business-view-v1.on
button.co.business-card[class*="economic-tier-"] {
    color:
        #eaf7fb !important;

    border:
        1px solid
        rgba(62,137,165,.34) !important;

    background-color:
        #071722 !important;

    background-image:
        linear-gradient(
            145deg,
            #0b2433 0%,
            #071a27 54%,
            #05131e 100%
        ) !important;

    box-shadow:
        0 14px 32px
        rgba(0,0,0,.20),
        inset 0 1px 0
        rgba(255,255,255,.028) !important;
}


#empresas.view.business-view-v1.on
button.co.business-card[class*="economic-tier-"]:hover {
    border-color:
        rgba(
            var(--liq-view-accent-rgb),
            .62
        ) !important;

    background-image:
        linear-gradient(
            145deg,
            #0e2c3d,
            #091e2c 58%,
            #061722
        ) !important;

    box-shadow:
        0 17px 38px
        rgba(0,0,0,.26),
        0 0 20px
        rgba(
            var(--liq-view-accent-rgb),
            .07
        ) !important;
}


/* company identity */

#empresas.view.business-view-v1.on
button.co.business-card[class*="economic-tier-"]
h3 {
    color:
        #f2f9fc !important;
}


/* metadata */

#empresas.view.business-view-v1.on
button.co.business-card[class*="economic-tier-"]
.company-meta-line,

#empresas.view.business-view-v1.on
button.co.business-card[class*="economic-tier-"]
small {
    color:
        #819eac !important;
}


/* price / valuation area */

#empresas.view.business-view-v1.on
button.co.business-card[class*="economic-tier-"]
.business-card-price {
    color:
        #eef8fc !important;

    border-color:
        rgba(87,147,170,.17) !important;
}


/* metric cells inside company card */

#empresas.view.business-view-v1.on
button.co.business-card[class*="economic-tier-"]
.business-card-metrics {
    color:
        #dcecf3 !important;

    border-color:
        rgba(87,147,170,.17) !important;
}

#empresas.view.business-view-v1.on
button.co.business-card[class*="economic-tier-"]
.business-card-metrics
> * {
    border-color:
        rgba(87,147,170,.14) !important;

    background:
        rgba(7,27,40,.60) !important;
}


/*
 * Tier remains visible as information, but no longer paints
 * the entire card cream.
 */

#empresas.view.business-view-v1.on
button.co.business-card[class*="economic-tier-"]
.economic-tier-chip {
    color:
        #e6c86d !important;

    border:
        1px solid
        rgba(221,183,71,.26) !important;

    background:
        rgba(221,183,71,.11) !important;

    box-shadow:
        none !important;
}


/* exact remaining light header surfaces */

#empresas.view.business-view-v1.on
.bank-strip > div,

#empresas.view.business-view-v1.on
.company-toolbar-v1,

#empresas.view.business-view-v1.on
.owned-company-head,

#empresas.view.business-view-v1.on
.city-business-intro {
    color:
        var(--liq-world-text) !important;

    border-color:
        var(--liq-world-line) !important;

    background-color:
        #071722 !important;

    background-image:
        linear-gradient(
            180deg,
            #081c29,
            #05131e
        ) !important;
}



/* ============================================================
   LIQ WORLD UI WAVE 2A
   Special identities:
   - Torcidas
   - Noticias
   - Jornal
   ============================================================ */


/* ============================================================
   TORCIDAS
   Social / photographic identity
   ============================================================ */

#torcidas.view.supporters-view {
    color:
        var(--liq-world-text);

    background:
        radial-gradient(
            circle at 85% 0%,
            rgba(206, 91, 43, .10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #07110f,
            #020910 68%
        ) !important;
}


/* header keeps its social / club atmosphere */

#torcidas .supporters-header {
    border:
        1px solid
        rgba(173, 91, 57, .28);

    background:
        linear-gradient(
            110deg,
            #0b1d1c 0%,
            #111b19 50%,
            #2a1b16 100%
        );

    box-shadow:
        0 16px 38px
        rgba(0,0,0,.24);
}

#torcidas .supporters-header :is(
    h1,
    h2,
    h3,
    strong,
    b
) {
    color:
        #f5fbfc;
}

#torcidas .supporters-header p {
    color:
        #9fb2b8;
}


/* national metrics */

#torcidas .metrics.mini article {
    color:
        #eaf6f9 !important;

    border:
        1px solid
        rgba(75,137,158,.25) !important;

    background:
        linear-gradient(
            180deg,
            #091d28,
            #06141d
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025);
}

#torcidas .metrics.mini article :is(
    strong,
    b,
    h3
) {
    color:
        #f1f9fc !important;
}


/* filters */

#torcidas .supporters-toolbar {
    color:
        #dcecf3;

    border-color:
        rgba(73,134,158,.22);
}

#torcidas .supporters-toolbar :is(
    input,
    select
) {
    color:
        #eaf7fb;

    border:
        1px solid
        rgba(72,140,166,.34);

    background:
        #071722;
}


/* explainer */

#torcidas .supporters-explainer {
    color:
        #b7cad2 !important;

    border:
        1px solid
        rgba(190,93,49,.28) !important;

    background:
        linear-gradient(
            90deg,
            rgba(207,78,35,.14),
            rgba(8,26,33,.92) 20%,
            rgba(6,20,29,.96)
        ) !important;

    box-shadow:
        inset 3px 0 0
        rgba(230,92,43,.88);
}


/*
 * The themed supporter cards are intentionally NOT flattened.
 * Their club/team palettes and photography remain authoritative.
 */

#torcidas .supporter-card-v2 {
    box-shadow:
        0 18px 38px
        rgba(0,0,0,.24);
}

#torcidas .supporter-card-media-v2 {
    border-color:
        rgba(255,255,255,.06);
}

#torcidas .supporter-tools-v2 {
    border-top:
        1px solid
        rgba(255,255,255,.08);
}


/* events footer */

#torcidas .supporters-events-card {
    color:
        #eaf6f9 !important;

    border:
        1px solid
        rgba(73,137,161,.28) !important;

    background:
        linear-gradient(
            180deg,
            #081b28,
            #05131d
        ) !important;
}

#torcidas .supporters-events-card :is(
    h2,
    h3,
    h4,
    strong,
    b
) {
    color:
        #eef8fc !important;
}


/* ============================================================
   NOTICIAS
   Dark editorial / midnight paper
   ============================================================ */

#noticias.view.public-news-view {
    --liq-news-paper:
        #091722;

    --liq-news-paper-2:
        #0b1d2a;

    --liq-news-line:
        rgba(91,145,168,.23);

    min-height:
        calc(100vh - 110px);

    color:
        #e9f3f7;

    background:
        linear-gradient(
            180deg,
            #06111a,
            #020910 72%
        ) !important;
}


/* page intro */

#noticias > header {
    color:
        #edf7fa;
}

#noticias > header h1,
#noticias > header h2 {
    color:
        #f4f9fb;
}

#noticias > header p {
    color:
        #839fac;
}


/* outlet tabs */

#noticias .news-outlet-tabs {
    border-bottom:
        1px solid
        var(--liq-news-line);
}

#noticias .news-outlet-tab {
    color:
        #9ab2be !important;

    border:
        1px solid
        rgba(85,142,166,.22) !important;

    background:
        #071722 !important;

    box-shadow:
        none !important;
}

#noticias .news-outlet-tab:hover {
    color:
        #eef9fc !important;

    border-color:
        rgba(75,170,204,.42) !important;

    background:
        #0a2231 !important;
}

#noticias .news-outlet-tab.on {
    color:
        #f4fbfd !important;

    border-color:
        rgba(82,176,214,.58) !important;

    background:
        linear-gradient(
            180deg,
            #0c2b3d,
            #071d2b
        ) !important;

    box-shadow:
        0 0 18px
        rgba(18,217,244,.05) !important;
}


/*
 * Outlet identity stays visually distinct from ordinary cards.
 * It becomes a masthead rather than another dashboard panel.
 */

#noticias .news-outlet-identity {
    border:
        1px solid
        rgba(85,147,174,.26);

    background:
        linear-gradient(
            105deg,
            #0a1d2a,
            #0c2332
        );

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025);
}

#noticias .news-outlet-identity-copy {
    color:
        #c9dae2;
}

#noticias .news-outlet-identity-copy :is(
    h2,
    h3,
    strong
) {
    color:
        #f0f7fa;
}


/* filter toolbar */

#noticias .journal-toolbar {
    color:
        #d7e8ef;

    border:
        1px solid
        rgba(75,138,162,.26) !important;

    background:
        linear-gradient(
            180deg,
            #081a27,
            #05141f
        ) !important;
}

#noticias .journal-toolbar :is(
    input,
    select
) {
    color:
        #e5f3f7;

    border:
        1px solid
        rgba(75,139,164,.32);

    background:
        #061622;
}


/* section headers */

#noticias .live-news-section-head {
    border-bottom:
        1px solid
        rgba(83,146,171,.26);
}

#noticias .live-news-section-head :is(
    h2,
    h3
) {
    color:
        #f1f7fa;
}


/* main story cards */

#noticias article.public-news-card {
    color:
        #dce9ee !important;

    border:
        1px solid
        var(--liq-news-line) !important;

    background:
        linear-gradient(
            180deg,
            var(--liq-news-paper-2),
            var(--liq-news-paper)
        ) !important;

    box-shadow:
        0 14px 34px
        rgba(0,0,0,.18);
}

#noticias article.public-news-card :is(
    h1,
    h2,
    h3
) {
    color:
        #f0f6f8 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;
}

#noticias article.public-news-card
.news-article-credit,

#noticias article.public-news-card
.live-news-meta {
    color:
        #7898a8;
}

#noticias article.public-news-card
.live-news-body {
    color:
        #b5c8d0;
}


/* details / read-more */

#noticias .live-news-details {
    border-top:
        1px solid
        rgba(80,142,166,.18);
}

#noticias .live-news-details summary {
    color:
        #69c6df;
}


/* archive */

#noticias article.live-news-archive-row {
    color:
        #dce9ee !important;

    border:
        1px solid
        rgba(78,137,161,.20) !important;

    background:
        linear-gradient(
            180deg,
            #081925,
            #06131e
        ) !important;
}

#noticias article.live-news-archive-row:hover {
    border-color:
        rgba(70,167,203,.40) !important;

    background:
        #0a2030 !important;
}

#noticias .live-news-archive-story :is(
    h3,
    h4,
    strong,
    b
) {
    color:
        #eef7fa;
}


/* ============================================================
   JORNAL
   Editorial cockpit / admin
   ============================================================ */

#jornal.view.journal-view {
    --liq-journal-surface:
        #071723;

    --liq-journal-surface-2:
        #091d2b;

    --liq-journal-line:
        rgba(78,141,166,.26);

    min-height:
        calc(100vh - 110px);

    color:
        #e5f1f5;

    background:
        linear-gradient(
            180deg,
            #05111a,
            #020910 70%
        ) !important;
}


/* header */

#jornal .journal-header {
    border-bottom:
        1px solid
        var(--liq-journal-line);
}

#jornal .journal-header :is(
    h1,
    h2
) {
    color:
        #eff7fa;
}

#jornal .journal-header p {
    color:
        #7f9aa8;
}


/* ingest / publish */

#jornal .editor-ingest,
#jornal .editor-publish {
    color:
        #e8f4f8 !important;

    border:
        1px solid
        var(--liq-journal-line) !important;

    background:
        linear-gradient(
            180deg,
            var(--liq-journal-surface-2),
            var(--liq-journal-surface)
        ) !important;

    box-shadow:
        0 14px 34px
        rgba(0,0,0,.18);
}

#jornal .editor-ingest :is(
    h2,
    h3,
    strong,
    b
),
#jornal .editor-publish :is(
    h2,
    h3,
    strong,
    b
) {
    color:
        #f0f8fb !important;
}


/* file inputs / textarea */

#jornal :is(
    input,
    select,
    textarea
) {
    color:
        #e6f3f7 !important;

    border:
        1px solid
        rgba(74,138,164,.34) !important;

    background:
        #061520 !important;
}

#jornal textarea::placeholder,
#jornal input::placeholder {
    color:
        #597483 !important;
}


/* toolbar */

#jornal .journal-toolbar {
    color:
        #dcebf1;

    border:
        1px solid
        var(--liq-journal-line) !important;

    background:
        linear-gradient(
            180deg,
            #081a27,
            #05141f
        ) !important;
}


/* generated/published story rows */

#jornal article.story.blog-story {
    color:
        #dce9ee !important;

    border:
        1px solid
        rgba(77,138,163,.22) !important;

    background:
        linear-gradient(
            180deg,
            #091b28,
            #06141f
        ) !important;
}

#jornal article.story.blog-story :is(
    h2,
    h3,
    h4,
    strong,
    b
) {
    color:
        #eef7fa !important;
}


/* editorial workspace */

#jornal .editorial-workspace {
    color:
        #dceaf0;
}


/* raw events */

#jornal .raw-events-card,
#jornal .editorial-workspace-pane > .card {
    color:
        #e6f3f7 !important;

    border:
        1px solid
        var(--liq-journal-line) !important;

    background:
        linear-gradient(
            180deg,
            #081b28,
            #05131d
        ) !important;
}

#jornal .raw-event-item,
#jornal .editorial-edition-item {
    color:
        #cbdde4 !important;

    border-color:
        rgba(81,142,166,.18) !important;

    background:
        rgba(8,27,40,.58) !important;
}

#jornal .raw-event-item:hover,
#jornal .editorial-edition-item:hover {
    background:
        rgba(11,38,54,.82) !important;
}


/* buttons */

#jornal button {
    color:
        #e8f8fc;

    border-color:
        rgba(73,148,178,.38);

    background:
        #0a2b3d;
}

#jornal button:hover {
    background:
        #0d3b53;
}


/* technical labels */

#jornal :where(
    .muted,
    small,
    [class*="meta"],
    [class*="hint"]
) {
    color:
        #7897a6;
}



/* ============================================================
   LIQ WORLD UI WAVE 2A.1
   Torcidas - dynamic mood chips
   ============================================================ */

#torcidas.view.supporters-view.on
.supporters-explainer > span {
    display: inline-flex;

    align-items: center;

    min-height: 28px;

    padding:
        5px 11px;

    color:
        #9fb8c3 !important;

    border:
        1px solid
        rgba(91, 151, 173, .24) !important;

    border-radius:
        999px;

    background:
        linear-gradient(
            180deg,
            rgba(13, 39, 49, .92),
            rgba(7, 25, 34, .96)
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025);

    white-space:
        nowrap;
}

#torcidas.view.supporters-view.on
.supporters-explainer > span + span {
    margin-left:
        4px;
}

#torcidas.view.supporters-view.on
.supporters-explainer > b {
    color:
        #d7e7ed !important;
}



/* ============================================================
   LIQ WORLD UI WAVE 2B
   Company modal + Mercado registry filters
   ============================================================ */


/* ============================================================
   COMPANY DETAIL MODAL
   ============================================================ */

#companyModal.modal-backdrop {
    background:
        rgba(1, 7, 12, .86) !important;

    backdrop-filter:
        blur(10px)
        saturate(.78);

    -webkit-backdrop-filter:
        blur(10px)
        saturate(.78);
}


/* primary modal shell */

#companyModal .company-modal {
    width:
        min(1080px, 96vw);

    max-height:
        91vh;

    padding:
        26px;

    color:
        #eaf7fb !important;

    border:
        1px solid
        rgba(18, 217, 244, .64) !important;

    border-radius:
        14px;

    background-color:
        #04131e !important;

    background-image:
        radial-gradient(
            circle at 18% 0%,
            rgba(18, 217, 244, .075),
            transparent 30%
        ),
        radial-gradient(
            circle at 86% 16%,
            rgba(22, 90, 124, .10),
            transparent 26%
        ),
        linear-gradient(
            145deg,
            #071b28 0%,
            #04131e 55%,
            #020c13 100%
        ) !important;

    box-shadow:
        0 32px 100px
        rgba(0,0,0,.68),
        0 0 0 1px
        rgba(18,217,244,.06),
        inset 0 1px 0
        rgba(255,255,255,.035) !important;

    scrollbar-color:
        #087ca6
        #031019;
}


/* internal scrollbar */

#companyModal .company-modal::-webkit-scrollbar {
    width:
        9px;
}

#companyModal .company-modal::-webkit-scrollbar-track {
    background:
        #031019;
}

#companyModal .company-modal::-webkit-scrollbar-thumb {
    border:
        2px solid #031019;

    border-radius:
        999px;

    background:
        #087ca6;
}


/* close */

#companyModal .modal-close {
    z-index:
        5;

    width:
        34px;

    height:
        34px;

    display:
        grid;

    place-items:
        center;

    right:
        13px;

    top:
        12px;

    padding:
        0;

    color:
        #6fbed7 !important;

    border:
        1px solid
        transparent !important;

    border-radius:
        8px;

    background:
        rgba(4, 24, 35, .74) !important;

    font-size:
        24px;

    line-height:
        1;
}

#companyModal .modal-close:hover {
    color:
        #ffffff !important;

    border-color:
        rgba(18,217,244,.35) !important;

    background:
        #0a2a3b !important;
}


/* ============================================================
   HEADER
   ============================================================ */

#companyModal .company-sheet-head {
    grid-template-columns:
        minmax(0, 1fr)
        270px;

    gap:
        28px;

    padding:
        4px 8px 20px 4px;

    border-bottom:
        1px solid
        rgba(18,217,244,.42) !important;
}

#companyModal .company-sheet-head h2 {
    margin:
        5px 0 7px;

    color:
        #f5fbfd !important;

    font-family:
        Helvetica,
        Arial,
        sans-serif;

    font-size:
        38px;

    font-weight:
        800;

    letter-spacing:
        -.025em;
}

#companyModal .company-sheet-head p {
    color:
        #8fb2c1 !important;

    font-size:
        11px;

    line-height:
        1.55;
}


/* reference value */

#companyModal .company-price {
    align-self:
        start;

    padding:
        17px 18px;

    color:
        #eef9fc !important;

    border:
        1px solid
        rgba(18,217,244,.48) !important;

    border-radius:
        11px;

    background:
        linear-gradient(
            145deg,
            rgba(7, 31, 45, .98),
            rgba(4, 20, 31, .98)
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025),
        0 0 18px
        rgba(18,217,244,.035);
}

#companyModal .company-price span {
    color:
        #6fa7ba !important;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .11em;
}

#companyModal .company-price b {
    display:
        block;

    margin:
        7px 0 5px;

    color:
        #f4fbfd !important;

    font-size:
        31px;

    line-height:
        1.04;

    font-variant-numeric:
        tabular-nums;
}

#companyModal .company-price small {
    color:
        #79a8b9 !important;
}


/* ============================================================
   KPI GRID
   ============================================================ */

#companyModal .sheet-grid {
    gap:
        10px;

    margin:
        16px 0;
}

#companyModal .sheet-stat {
    min-height:
        82px;

    padding:
        14px 15px;

    color:
        #eaf7fb !important;

    border:
        1px solid
        rgba(28, 139, 177, .46) !important;

    border-radius:
        10px;

    background:
        linear-gradient(
            145deg,
            #081e2c,
            #051621
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025);
}

#companyModal .sheet-stat span {
    color:
        #77a8ba !important;

    font-size:
        8.5px;

    font-weight:
        700;

    letter-spacing:
        .065em;
}

#companyModal .sheet-stat b {
    margin-top:
        7px;

    color:
        #f2f9fc !important;

    font-size:
        18px;

    font-variant-numeric:
        tabular-nums;
}


/* monthly result remains a semantic success state */

#companyModal .sheet-stat.emphasis {
    border-color:
        rgba(0, 208, 154, .62) !important;

    background:
        linear-gradient(
            145deg,
            #073126,
            #06241f
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025),
        0 0 18px
        rgba(0,208,154,.055);
}

#companyModal .sheet-stat.emphasis span {
    color:
        #72cdb5 !important;
}

#companyModal .sheet-stat.emphasis b {
    color:
        #19dbab !important;
}


/* ============================================================
   OPERATION / CAPACITY / CONTROL / MARKET
   ============================================================ */

#companyModal .company-sheet-columns {
    gap:
        12px;
}

#companyModal .company-sheet-columns > div {
    min-height:
        124px;

    padding:
        15px 16px;

    color:
        #dcebf1 !important;

    border:
        1px solid
        rgba(28, 139, 177, .42) !important;

    border-radius:
        10px;

    background:
        linear-gradient(
            145deg,
            #081d2a,
            #05141f
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025);
}

#companyModal .company-sheet-columns h4 {
    margin:
        0 0 9px;

    padding-bottom:
        7px;

    color:
        #dff5fb !important;

    border-bottom:
        1px dotted
        rgba(64, 141, 169, .24);

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .09em;
}

#companyModal .company-sheet-columns p {
    color:
        #8fb0be !important;

    font-size:
        10px;

    line-height:
        1.65;
}


/* ============================================================
   STATUS / PURCHASE AREA
   ============================================================ */

#companyModal .asset-status,
#companyModal .status-tag {
    color:
        #a8d6e3 !important;

    border:
        1px solid
        rgba(53, 155, 188, .34) !important;

    background:
        rgba(7, 37, 50, .78) !important;
}

#companyModal .asset-status.available,
#companyModal .status-tag.green {
    color:
        #a7ecd6 !important;

    border-color:
        rgba(0, 204, 149, .42) !important;

    background:
        rgba(0, 97, 74, .26) !important;
}

#companyModal .purchase-box {
    margin-top:
        16px;

    padding-top:
        16px;

    border-top:
        1px solid
        rgba(42, 126, 156, .28) !important;
}

#companyModal .purchase-box b {
    color:
        #edf8fb !important;
}

#companyModal .purchase-box small {
    color:
        #7899a8 !important;
}


/* ============================================================
   MERCADO - REGISTRY FILTER STRIP
   ============================================================ */

#mercado.view.on .journal-toolbar {
    color:
        #dcecf3 !important;

    border:
        1px solid
        rgba(18,217,244,.30) !important;

    border-radius:
        10px;

    background-color:
        #061722 !important;

    background-image:
        linear-gradient(
            180deg,
            #081d2b,
            #05141f
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025),
        0 10px 28px
        rgba(0,0,0,.12) !important;
}

#mercado.view.on .journal-toolbar label {
    color:
        #73a6b9 !important;

    font-size:
        9px;
}

#mercado.view.on .journal-toolbar select,
#mercado.view.on .journal-toolbar input {
    color:
        #e8f7fb !important;

    border:
        1px solid
        rgba(18,217,244,.36) !important;

    border-radius:
        8px;

    background:
        #051824 !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.018);
}

#mercado.view.on .journal-toolbar select:focus,
#mercado.view.on .journal-toolbar input:focus {
    border-color:
        rgba(18,217,244,.68) !important;

    box-shadow:
        0 0 0 2px
        rgba(18,217,244,.07);
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 900px) {
    #companyModal .company-sheet-head {
        grid-template-columns:
            1fr;
    }

    #companyModal .company-price {
        width:
            auto;
    }
}



/* ============================================================
   LIQ WORLD UI QA FIX 1
   Jornal - editorial workspace tabs
   ============================================================ */

#jornal.view.journal-view
#editorialWorkspaceTabs.editorial-workspace-tabs {
    display:
        flex;

    align-items:
        center;

    gap:
        6px;

    min-height:
        48px;

    padding:
        6px 8px;

    color:
        #cfe1e8 !important;

    border:
        1px solid
        rgba(78, 141, 166, .26) !important;

    border-radius:
        10px;

    background:
        linear-gradient(
            180deg,
            #081b28,
            #05131d
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025);
}


#jornal.view.journal-view
#editorialWorkspaceTabs.editorial-workspace-tabs
> button {
    color:
        #87a7b5 !important;

    border:
        1px solid
        transparent !important;

    border-radius:
        7px;

    background:
        transparent !important;

    box-shadow:
        none !important;
}


#jornal.view.journal-view
#editorialWorkspaceTabs.editorial-workspace-tabs
> button:hover {
    color:
        #e6f5f9 !important;

    border-color:
        rgba(72, 154, 184, .24) !important;

    background:
        rgba(12, 45, 61, .62) !important;
}


#jornal.view.journal-view
#editorialWorkspaceTabs.editorial-workspace-tabs
> button.on,

#jornal.view.journal-view
#editorialWorkspaceTabs.editorial-workspace-tabs
> button[aria-selected="true"] {
    color:
        #f1fbfd !important;

    border-color:
        rgba(18, 217, 244, .42) !important;

    background:
        linear-gradient(
            180deg,
            #0c3549,
            #082638
        ) !important;

    box-shadow:
        0 0 14px
        rgba(18,217,244,.045) !important;
}



/* ============================================================
   LIQ WORLD UI QA FIX 2
   Noticias - preserve newspaper logos on dark editorial UI
   ============================================================ */


/*
 * Newspaper marks were authored for light paper.
 * Keep the portal dark, but give the marks their own
 * intentional editorial paper surface.
 */

#noticias.view.public-news-view
.news-outlet-identity-logo {
    box-sizing:
        border-box;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        82px;

    padding:
        12px 18px;

    border:
        1px solid
        rgba(185, 206, 214, .26);

    border-radius:
        8px;

    background:
        linear-gradient(
            180deg,
            #f2f6f7,
            #e7eef1
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.88),
        0 8px 24px
        rgba(0,0,0,.12);
}


#noticias.view.public-news-view
.news-outlet-identity-logo img {
    display:
        block;

    width:
        auto;

    max-width:
        100%;

    height:
        auto;

    max-height:
        62px;

    object-fit:
        contain;

    filter:
        none !important;

    opacity:
        1 !important;
}


/* outlet selector marks */

#noticias.view.public-news-view
.news-outlet-tab img {
    box-sizing:
        border-box;

    width:
        auto;

    max-width:
        92px;

    height:
        auto;

    max-height:
        27px;

    padding:
        3px 7px;

    border-radius:
        4px;

    background:
        rgba(
            241,
            246,
            247,
            .96
        ) !important;

    filter:
        none !important;

    opacity:
        1 !important;
}


/*
 * Active tab keeps the cyan portal treatment;
 * only the logo itself uses the paper plaque.
 */

#noticias.view.public-news-view
.news-outlet-tab.on img {
    box-shadow:
        0 0 0 1px
        rgba(255,255,255,.10);
}


/* prevent dark-theme inheritance from affecting logo media */

#noticias.view.public-news-view
.news-outlet-identity-logo :is(
    svg,
    picture
),

#noticias.view.public-news-view
.news-outlet-tab :is(
    svg,
    picture
) {
    opacity:
        1 !important;

    filter:
        none !important;
}