:root {
    font-family:
        Inter,
        Segoe UI,
        Arial,
        sans-serif;

    color-scheme: dark;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(
            circle at top right,
            rgba(61, 120, 255, 0.10),
            transparent 32%
        ),
        #0b0f17;

    color: #e8edf5;
}

.page-shell {
    width: min(1500px, 96vw);
    margin: 0 auto;
    padding: 24px 0 48px;
}

.topbar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 24px;
}

h1,
h2,
p {
    margin-top: 0;
}

h1 {
    margin-bottom: 6px;
    letter-spacing: 0.08em;
    font-size: 28px;
}

h2 {
    margin-bottom: 0;
    font-size: 17px;
}

.subtitle {
    color: #8e9aae;
    margin-bottom: 0;
}

.topbar-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    color: #8e9aae;
    font-size: 13px;
}

.status-pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid #394254;
    color: #c8d3e2;
    background: #131a26;
}

.status-pill.online {
    border-color: #315f4b;
    color: #8ee0b4;
}

.status-pill.offline {
    border-color: #744046;
    color: #ff9ea7;
}

.summary-grid {
    display: grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(180px, 1fr)
        );
    gap: 14px;
    margin-bottom: 18px;
}

.metric-card,
.panel {
    border: 1px solid #202838;
    background:
        linear-gradient(
            180deg,
            rgba(25, 32, 45, 0.96),
            rgba(15, 20, 30, 0.96)
        );
    border-radius: 14px;
}

.metric-card {
    padding: 18px;
}

.metric-label {
    display: block;
    margin-bottom: 10px;
    color: #8490a4;
    font-size: 12px;
    letter-spacing: 0.08em;
}

.metric-value {
    font-size: 24px;
    line-height: 1.1;
}

.panel-grid {
    display: grid;
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(320px, 1fr)
        );
    gap: 18px;
    margin-bottom: 18px;
}

.panel {
    padding: 18px;
    margin-bottom: 18px;
}

.panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
    color: #c9d4e2;
}

.panel-header span {
    color: #7f8b9f;
    font-size: 12px;
}

.detail-list {
    display: grid;
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );
    gap: 12px;
    margin: 0;
}

.detail-list div {
    padding: 12px;
    border: 1px solid #242e40;
    border-radius: 10px;
    background: #0f1520;
}

.detail-list dt {
    margin-bottom: 5px;
    color: #758197;
    font-size: 11px;
    text-transform: uppercase;
}

.detail-list dd {
    margin: 0;
    font-weight: 600;
}

.table-wrap {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}

th,
td {
    padding: 11px 10px;
    border-bottom: 1px solid #202838;
    text-align: left;
    white-space: nowrap;
}

th {
    color: #778399;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

td {
    color: #d6deea;
    font-size: 13px;
}

.empty-row td {
    text-align: center;
    color: #667286;
    padding: 22px;
}

.state-healthy,
.level-low {
    color: #8ee0b4;
}

.state-degraded,
.level-moderate {
    color: #f2c879;
}

.state-high,
.level-high {
    color: #ffab73;
}

.state-critical,
.level-critical {
    color: #ff818c;
}

@media (max-width: 720px) {
    .page-shell {
        width: 94vw;
        padding-top: 18px;
    }

    .topbar {
        flex-direction: column;
    }

    .topbar-meta {
        align-items: flex-start;
    }

    .detail-list {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   33J-A Operational State Visualization
   ========================================================= */

.connection-banner {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 14px;
    border: 1px solid #744046;
    border-radius: 10px;
    background: rgba(90, 35, 42, 0.35);
    color: #ffb0b7;
}

.connection-banner.hidden {
    display: none;
}

.connection-banner span {
    color: #c9959b;
    font-size: 13px;
}

.state-badge {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    padding: 7px 11px;
    border-radius: 9px;
    border: 1px solid #394254;
    background: #111722;
}

.state-badge.state-healthy {
    border-color: #315f4b;
    background: rgba(49, 95, 75, 0.18);
}

.state-badge.state-degraded {
    border-color: #6f5a31;
    background: rgba(111, 90, 49, 0.18);
}

.state-badge.state-high {
    border-color: #824d2c;
    background: rgba(130, 77, 44, 0.20);
}

.state-badge.state-critical {
    border-color: #7b343c;
    background: rgba(123, 52, 60, 0.24);
}

.state-badge.state-unknown {
    color: #8b96a9;
}

.trend-value {
    font-weight: 700;
}

.trend-worsening {
    color: #ff818c;
}

.trend-improving {
    color: #8ee0b4;
}

.trend-stable {
    color: #9fb0c8;
}

.trend-baseline {
    color: #f2c879;
}

.risk-score-block {
    grid-column: span 1;
}

.risk-bar-track {
    width: 100%;
    height: 7px;
    margin-top: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #242d3c;
}

.risk-bar-fill {
    width: 0%;
    height: 100%;
    border-radius: inherit;
    background: currentColor;
    transition: width 220ms ease;
}

.risk-bar-fill.level-low {
    color: #8ee0b4;
}

.risk-bar-fill.level-moderate {
    color: #f2c879;
}

.risk-bar-fill.level-high {
    color: #ffab73;
}

.risk-bar-fill.level-critical {
    color: #ff818c;
}

.severity-info {
    color: #9fb0c8;
}

.severity-warning {
    color: #f2c879;
}

.severity-high {
    color: #ffab73;
}

.severity-critical {
    color: #ff818c;
    font-weight: 700;
}

.signal-baseline {
    color: #9fb0c8;
}

.signal-rising {
    color: #f2c879;
}

.signal-accelerating {
    color: #ffab73;
}

.signal-early_warning {
    color: #ff818c;
    font-weight: 700;
}

.signal-cooling {
    color: #8ee0b4;
}

/* =========================================================
   33J-B Controls, Filtering and Refresh State
   ========================================================= */

.control-bar {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 18px;
    padding: 14px;
    border: 1px solid #202838;
    border-radius: 14px;
    background: #101621;
}

.control-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.control-group.filters {
    align-items: flex-end;
}

.control-group label {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: #8490a4;
    font-size: 12px;
}

.toggle-label {
    flex-direction: row !important;
    align-items: center;
    gap: 7px !important;
}

.control-button,
.control-group select {
    min-height: 36px;
    border: 1px solid #334055;
    border-radius: 8px;
    background: #151d2a;
    color: #dce5f1;
}

.control-button {
    padding: 0 14px;
    cursor: pointer;
}

.control-button:hover {
    border-color: #52627b;
    background: #1a2433;
}

.control-button:disabled {
    opacity: 0.55;
    cursor: wait;
}

.control-group select {
    min-width: 150px;
    padding: 0 10px;
}

.refresh-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    color: #7f8b9f;
    font-size: 12px;
}

.stale-status {
    font-weight: 700;
    letter-spacing: 0.04em;
}

.stale-fresh {
    color: #8ee0b4;
}

.stale-aging {
    color: #f2c879;
}

.stale-stale {
    color: #ff818c;
}

.table-filtered {
    opacity: 0.96;
}

@media (max-width: 720px) {
    .control-group.filters {
        flex-direction: column;
        align-items: stretch;
    }

    .control-group select {
        width: 100%;
    }

    .refresh-meta {
        flex-direction: column;
    }
}

/* Database Health */
.database-health-panel {
    margin-top: 1.5rem;
    padding: 1.25rem;
    border: 1px solid var(--border-color, #30363d);
    border-radius: 0.75rem;
    background: var(--panel-bg, rgba(255, 255, 255, 0.03));
}

.database-health-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.database-health-title-group {
    min-width: 0;
}

.database-health-title {
    margin: 0;
    font-size: 1.15rem;
}

.database-health-subtitle {
    margin-top: 0.25rem;
    opacity: 0.7;
    font-size: 0.875rem;
}

.database-health-refresh {
    cursor: pointer;
    border: 1px solid currentColor;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: transparent;
    color: inherit;
}

.database-health-refresh:disabled {
    cursor: wait;
    opacity: 0.5;
}

.database-health-status-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.database-health-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 5rem;
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.database-health-pass {
    border: 1px solid currentColor;
}

.database-health-fail {
    border: 2px solid currentColor;
    font-weight: 800;
}

.database-health-unknown {
    border: 1px dashed currentColor;
    opacity: 0.75;
}

.database-health-message {
    font-size: 0.875rem;
    opacity: 0.85;
}

.database-health-grid {
    display: grid;
    grid-template-columns: repeat(
        auto-fit,
        minmax(160px, 1fr)
    );
    gap: 0.75rem;
}

.database-health-metric {
    padding: 0.75rem;
    border: 1px solid var(--border-color, #30363d);
    border-radius: 0.5rem;
}

.database-health-label {
    margin-bottom: 0.35rem;
    font-size: 0.75rem;
    opacity: 0.65;
}

.database-health-value {
    overflow-wrap: anywhere;
    font-size: 0.9rem;
    font-weight: 600;
}

@media (max-width: 640px) {
    .database-health-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .database-health-refresh {
        width: 100%;
    }
}

/* Recovery Readiness */
.recovery-readiness-panel {
    margin-top: 1.5rem;
    padding: 1.25rem;
    border: 1px solid var(--border-color, #30363d);
    border-radius: 0.75rem;
    background: var(--panel-bg, rgba(255, 255, 255, 0.03));
}

.recovery-readiness-panel h2 {
    margin-top: 0;
}

.recovery-readiness-badge {
    display: inline-block;
    margin-bottom: 0.75rem;
    padding: 0.3rem 0.6rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-weight: 700;
}

.recovery-readiness-score {
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.recovery-readiness-message {
    margin-bottom: 1rem;
    opacity: 0.85;
}

.recovery-plan-list {
    margin: 0 0 1rem 1.25rem;
    padding: 0;
}

.recovery-plan-item {
    margin-bottom: 0.5rem;
}

.recovery-readiness-refresh {
    cursor: pointer;
    border: 1px solid currentColor;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: transparent;
    color: inherit;
}

/* AYRA research shell */
.ayra-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); min-height: 100vh; }
.ayra-sidebar { position: sticky; top: 0; height: 100vh; padding: 28px 18px; border-right: 1px solid #263247; background: #101722; }
.ayra-brand { margin: 0 12px 36px; font-size: 27px; font-weight: 800; letter-spacing: .12em; color: #f3f7ff; }
.language-control { display: grid; gap: 7px; margin: 0 12px 24px; color: #aebbd0; font-size: 13px; }
#ayra-language { width: 100%; padding: 9px; border: 1px solid #405472; border-radius: 9px; background: #182436; color: #f3f7ff; font: inherit; }
.ayra-nav { display: grid; gap: 8px; }
.ayra-nav-button { width: 100%; padding: 12px 14px; border: 0; border-radius: 10px; background: transparent; color: #aebbd0; text-align: left; font: inherit; cursor: pointer; }
.ayra-nav-button:hover, .ayra-nav-button.active { background: #20304a; color: #f5f8ff; }
.ayra-content { min-width: 0; padding: 30px clamp(18px, 4vw, 56px); }
.ayra-view[hidden], [hidden] { display: none !important; }
.ayra-view { max-width: 1220px; margin: 0 auto; }
.research-hero { padding: clamp(24px, 5vw, 54px); border: 1px solid #344765; border-radius: 22px; background: linear-gradient(135deg, #192b45, #101722 72%); }
.research-hero h1 { max-width: 760px; font-size: clamp(28px, 4vw, 48px); letter-spacing: -.025em; line-height: 1.14; }
.research-hero p, .semantic-note { color: #a9b8cc; }
.eyebrow { color: #8ec9ff; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: 12px; }
#research-form { display: grid; gap: 12px; margin-top: 30px; }
#research-form label { font-weight: 650; }
#research-topic { width: 100%; min-height: 140px; padding: 17px; border: 1px solid #405472; border-radius: 12px; background: #0c1421; color: #f3f7ff; font: inherit; resize: vertical; }
#research-topic:focus-visible, button:focus-visible, a:focus-visible { outline: 2px solid #8ec9ff; outline-offset: 3px; }
.research-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
#research-submit, .home-info button { padding: 12px 24px; border: 0; border-radius: 10px; background: #8ec9ff; color: #071524; font: inherit; font-weight: 800; cursor: pointer; }
#research-submit:disabled { cursor: wait; opacity: .6; }
.research-error { color: #ffafb4 !important; }
.home-info, .result-overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 20px 0; }
.research-card { margin: 16px 0; padding: 20px; border: 1px solid #2b3a50; border-radius: 14px; background: #151e2c; overflow-wrap: anywhere; }
.research-card h2 { margin-bottom: 12px; color: #e6effc; }
.research-card p { margin-bottom: 0; }
.result-header { margin: 14px 0 25px; }
.result-list { display: grid; gap: 12px; }
.result-item { padding: 14px; border: 1px solid #304159; border-radius: 10px; background: #101926; }
.result-item p { margin: 7px 0; white-space: pre-wrap; }
.result-item a { color: #91ccff; overflow-wrap: anywhere; }
.result-meta { color: #a9b8cc; font-size: 14px; }
.health-section-title { margin: 0 0 22px; }
#health-view .page-shell { width: 100%; padding-top: 0; }
html[dir="rtl"] .ayra-sidebar { border-right: 0; border-left: 1px solid #263247; }
html[dir="rtl"] .ayra-nav-button { text-align: right; }
html[dir="rtl"] .research-card, html[dir="rtl"] .research-hero { text-align: right; }

@media (max-width: 800px) {
    .ayra-layout { display: block; }
    .ayra-sidebar { position: static; height: auto; padding: 14px 18px; border-right: 0; border-bottom: 1px solid #263247; }
    .ayra-brand { margin: 0 0 12px; font-size: 22px; }
    .ayra-nav { display: flex; overflow-x: auto; gap: 4px; }
    .ayra-nav-button { width: auto; flex: 0 0 auto; white-space: nowrap; }
    .ayra-content { padding: 20px 16px; }
    .topbar { flex-direction: column; }
    .topbar-meta { align-items: flex-start; }
}

/* AYRA 2050 visual system */
:root {
    --ayra-night: #080e1b;
    --ayra-surface: #111d30;
    --ayra-glass: rgba(18, 35, 56, .94);
    --ayra-cyan: #7cf2ed;
    --ayra-violet: #af91ff;
    --ayra-ink: #f0f8ff;
    --ayra-muted: #b6c8da;
    --ayra-line: rgba(124, 242, 237, .28);
    --ayra-radius: clamp(14px, 1.2vw, 22px);
    --ayra-gap: clamp(14px, 1.4vw, 24px);
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    color-scheme: dark;
}
html { overflow-x: clip; }
body {
    color: var(--ayra-ink);
    background: radial-gradient(circle at 72% 8%, rgba(79, 64, 142, .22), transparent 31%),
        radial-gradient(circle at 17% 63%, rgba(22, 145, 165, .11), transparent 38%), var(--ayra-night);
    overflow-x: hidden;
}
body::before {
    content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: .42;
    background-image: radial-gradient(circle, #d7eefa 1px, transparent 1.5px),
        radial-gradient(circle, #93bdf1 .7px, transparent 1.4px);
    background-size: 173px 181px, 287px 269px; background-position: 21px 37px, 82px 117px;
}
.ayra-layout { position: relative; z-index: 1; grid-template-columns: clamp(205px, 17vw, 260px) minmax(0, 1fr); }
.ayra-sidebar { background: rgba(10, 20, 36, .96); border-color: var(--ayra-line); box-shadow: inset -1px 0 28px rgba(91, 231, 232, .05); }
.ayra-brand { color: var(--ayra-ink); text-shadow: 0 0 22px rgba(124, 242, 237, .32); }
.ayra-nav-button { min-height: 44px; border: 1px solid transparent; border-radius: 12px; }
.ayra-nav-button:hover, .ayra-nav-button.active { border-color: var(--ayra-line); background: linear-gradient(90deg, rgba(57, 171, 183, .20), rgba(124, 93, 194, .10)); }
.ayra-content { min-width: 0; padding: clamp(16px, 2.4vw, 44px); }
.ayra-view { max-width: min(100%, 1440px); }
.ayra-identity {
    max-width: 1440px; margin: 0 auto var(--ayra-gap); display: flex; align-items: center;
    gap: clamp(12px, 2vw, 28px); min-width: 0; padding: clamp(12px, 1.2vw, 20px);
    border: 1px solid var(--ayra-line); border-radius: var(--ayra-radius);
    background: var(--ayra-glass); box-shadow: 0 14px 34px rgba(0, 0, 0, .20);
}
.identity-mark { width: 52px; aspect-ratio: 1; display: grid; place-items: center; flex: 0 0 auto;
    color: var(--ayra-night); background: linear-gradient(135deg, var(--ayra-cyan), var(--ayra-violet));
    clip-path: polygon(50% 0, 100% 22%, 100% 78%, 50% 100%, 0 78%, 0 22%);
    font-weight: 900; font-size: 24px; position: relative; }
.identity-mark span { position: absolute; bottom: 3px; right: 9px; font-size: 10px; }
.identity-copy { display: grid; min-width: 0; }
.identity-copy strong { font-size: clamp(18px, 1.5vw, 27px); letter-spacing: .12em; }
.identity-copy span, .identity-profile { color: var(--ayra-muted); font-size: 13px; }
.identity-state { margin-inline-start: auto; display: flex; align-items: center; gap: 9px; flex-wrap: wrap; color: var(--ayra-muted); }
.identity-state strong { color: var(--ayra-ink); }
.signal-dot { width: 10px; height: 10px; border: 2px solid var(--ayra-cyan); border-radius: 50%; box-shadow: 0 0 12px var(--ayra-cyan); animation: ayra-pulse 5s ease-in-out infinite; }
.identity-profile { padding: 9px 12px; border: 1px dashed var(--ayra-line); border-radius: 10px; white-space: nowrap; }
.research-hero, .research-card, .briefing-slot, .markets-slot, #health-view .panel, #health-view .metric-card,
#health-view .database-health-panel, #health-view .recovery-readiness-panel {
    border: 1px solid var(--ayra-line); border-radius: var(--ayra-radius); background: var(--ayra-glass);
    box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 16px 38px rgba(2, 7, 17, .24);
}
@supports (backdrop-filter: blur(12px)) {
    .ayra-identity, .research-hero, .research-card, .briefing-slot, .markets-slot,
    #health-view .panel, #health-view .metric-card { background: rgba(18, 35, 56, .76); backdrop-filter: blur(12px); }
}
.research-hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(24px, 4.5vw, 72px);
    background: radial-gradient(circle at 87% 33%, rgba(71, 159, 208, .19), transparent 30%),
        linear-gradient(135deg, rgba(23, 45, 68, .98), rgba(11, 20, 37, .96)); }
.research-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: linear-gradient(100deg, transparent 35%, rgba(127, 238, 239, .07) 50%, transparent 65%); }
.research-hero h1 { max-width: 760px; color: var(--ayra-ink); font-size: clamp(30px, 4.2vw, 64px); line-height: 1.07; }
.research-hero p, .semantic-note { color: var(--ayra-muted); }
.eyebrow { color: var(--ayra-cyan); }
.hero-orbit { position: absolute; width: min(31vw, 350px); aspect-ratio: 1; right: 3%; top: 10%; opacity: .26;
    border: 1px solid var(--ayra-cyan); border-radius: 50%; pointer-events: none; }
.hero-orbit::before, .hero-orbit::after { content: ""; position: absolute; inset: 18%; border: 1px solid var(--ayra-violet); border-radius: 50%; transform: rotate(-22deg) scaleX(.65); }
.hero-orbit::after { inset: 31%; border-color: var(--ayra-cyan); transform: rotate(28deg) scaleX(.76); }
.hero-orbit span { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--ayra-cyan); box-shadow: 0 0 14px var(--ayra-cyan); }
.hero-orbit span:nth-child(1) { top: 4%; left: 33%; }.hero-orbit span:nth-child(2) { top: 49%; right: 0; }.hero-orbit span:nth-child(3) { bottom: 10%; left: 15%; }
#research-topic { border-color: rgba(124, 242, 237, .35); background: rgba(5, 15, 28, .94); width: 100%; max-width: 100%; }
#research-submit { min-height: 48px; background: linear-gradient(120deg, var(--ayra-cyan), #a8baff); box-shadow: 0 0 24px rgba(124, 242, 237, .20); }
#research-submit:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 0 30px rgba(124, 242, 237, .33); }
button, select { min-height: 44px; }
button:focus-visible, a:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid var(--ayra-cyan); outline-offset: 3px; }
.research-card, .result-item { min-width: 0; overflow-wrap: anywhere; }
.research-card { padding: clamp(16px, 1.7vw, 28px); }
.research-card h2 { color: var(--ayra-cyan); letter-spacing: .04em; }
.result-item { border-color: var(--ayra-line); background: rgba(7, 18, 33, .74); }
.result-item a { overflow-wrap: anywhere; word-break: break-word; }
.live-slots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ayra-gap); margin-block: var(--ayra-gap); }
.briefing-slot, .markets-slot { min-width: 0; padding: clamp(18px, 2vw, 30px); }
.briefing-slot { display: grid; grid-template-columns: minmax(95px, 28%) minmax(0, 1fr); gap: var(--ayra-gap); }
.briefing-presenter { align-self: end; min-width: 0; display: grid; place-items: end center; border-radius: 14px;
    background: radial-gradient(circle at 50% 35%, rgba(124, 242, 237, .15), transparent 54%); }
.briefing-presenter svg { width: min(100%, 180px); height: auto; filter: drop-shadow(0 0 17px rgba(124, 242, 237, .14)); }
.briefing-content, .markets-slot { min-width: 0; }
.briefing-content h2, .markets-slot h2 { color: var(--ayra-ink); font-size: clamp(19px, 1.4vw, 27px); }
.briefing-content p, .markets-slot p { color: var(--ayra-muted); }
.briefing-controls { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-block: 16px; color: var(--ayra-muted); }
.briefing-controls button { border: 1px solid var(--ayra-line); border-radius: 10px; background: #10273b; color: var(--ayra-muted); cursor: not-allowed; }
.briefing-categories, .market-tickers { display: flex; flex-wrap: wrap; gap: 8px; }
.briefing-categories span, .market-tickers span { padding: 6px 9px; border: 1px solid var(--ayra-line); border-radius: 8px; color: var(--ayra-muted); font-size: 12px; }
.markets-slot { background: linear-gradient(145deg, rgba(12, 37, 51, .96), rgba(19, 24, 49, .94)); }
.markets-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.market-offline { padding: 6px 10px; border: 1px solid var(--ayra-line); border-radius: 999px; color: var(--ayra-muted); font-size: 12px; }
.market-tickers { margin-block: 16px; }.market-tickers span { color: var(--ayra-cyan); font-weight: 700; }
.market-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 125px), 1fr)); gap: 8px; margin: 0; }
.market-fields div { min-width: 0; padding: 11px; border: 1px solid rgba(124, 242, 237, .14); border-radius: 9px; background: rgba(3, 15, 27, .57); }
.market-fields dt { color: var(--ayra-muted); font-size: 12px; }.market-fields dd { margin: 7px 0 0; color: var(--ayra-ink); font-variant-numeric: tabular-nums; }
#health-view .page-shell, #health-view .panel-grid, #health-view .summary-grid { min-width: 0; }
#health-view .table-wrap { max-width: 100%; overflow-x: auto; }
#health-view table { min-width: 620px; }
@keyframes ayra-pulse { 50% { opacity: .6; box-shadow: 0 0 7px var(--ayra-cyan); } }

@media (max-width: 1023px) { .live-slots { grid-template-columns: 1fr; }.hero-orbit { opacity: .15; } }
@media (max-width: 767px) {
    .ayra-layout { display: block; }.ayra-sidebar { position: static; height: auto; border-inline-end: 0; border-bottom: 1px solid var(--ayra-line); }
    .ayra-nav { display: flex; overflow-x: auto; }.ayra-nav-button { flex: 0 0 auto; width: auto; }
    .identity-profile { display: none; }.ayra-content { padding: clamp(12px, 3vw, 22px); }
}
@media (max-width: 599px) {
    .ayra-identity { flex-wrap: wrap; }.identity-state { flex-basis: 100%; margin-inline-start: 0; }
    .hero-orbit { width: 50vw; right: -15%; top: 2%; opacity: .10; }
    .briefing-slot { grid-template-columns: minmax(80px, 23%) minmax(0, 1fr); }
    .home-info, .result-overview { grid-template-columns: 1fr; }
    #research-submit { width: 100%; }.research-actions { align-items: stretch; }
}
@media (max-width: 374px) {
    .briefing-slot { grid-template-columns: 1fr; }.briefing-presenter svg { max-width: 100px; }
    .ayra-nav-button { padding-inline: 11px; }.research-hero { padding: 20px; }
}
@media (min-width: 1600px) { .ayra-view, .ayra-identity { max-width: 1600px; }.research-hero { min-height: 460px; } }
@media (min-width: 2560px) { .ayra-view, .ayra-identity { max-width: 1900px; }.ayra-content { padding-inline: clamp(44px, 5vw, 120px); } }
html[dir="rtl"] .ayra-sidebar { border-right: 0; border-left: 1px solid var(--ayra-line); }
html[dir="rtl"] .hero-orbit { right: auto; left: 3%; }
html[dir="rtl"] .briefing-slot, html[dir="rtl"] .markets-slot { direction: rtl; text-align: right; }
html[dir="rtl"] .ayra-nav-button { text-align: right; }
@media (max-width: 767px) { html[dir="rtl"] .ayra-sidebar { border-left: 0; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }
@media (prefers-contrast: more) { :root { --ayra-line: rgba(124, 242, 237, .70); --ayra-muted: #e0edf7; --ayra-glass: #102238; } }

/* Canonical AYRA home: 1648 x 928 reference proportions. */
:root {
    --ayra-night: #020a13; --ayra-surface: #06182a; --ayra-glass: rgba(6, 24, 42, .96);
    --ayra-cyan: #15d8ff; --ayra-violet: #755cff; --ayra-ink: #eaf8ff;
    --ayra-muted: #94aec2; --ayra-line: rgba(46, 197, 255, .35);
    --ayra-radius: 10px; --ayra-gap: 11px;
}
body { background: #020a13; font-size: 13px; }
.ayra-layout { grid-template-columns: 224px minmax(0, 1fr); }
.ayra-sidebar { width: 224px; padding: 12px 10px; background: linear-gradient(180deg, #04111f, #061729); border-color: var(--ayra-line); display: flex; flex-direction: column; gap: 6px; }
.sidebar-brand { min-height: 103px; display: flex; align-items: flex-start; gap: 11px; padding: 8px 5px; }
.sidebar-emblem { display: grid; place-items: center; width: 50px; aspect-ratio: 1; flex: none; border: 1px solid #278cff; border-radius: 50%; font-size: 28px; font-weight: 800; color: #80e9ff; box-shadow: 0 0 15px rgba(39, 140, 255, .35); }
.sidebar-brand .ayra-brand { margin: 0; letter-spacing: .23em; font-size: 26px; font-weight: 700; line-height: 1.2; }
.sidebar-brand small { color: #b7f5ff; font-size: 9px; letter-spacing: .1em; line-height: 1.25; display: block; max-width: 135px; }
.ayra-nav { display: grid; gap: 1px; }
.ayra-nav-button, .future-nav-item { min-height: 45px; width: 100%; display: flex; align-items: center; gap: 14px; padding: 8px 16px; color: #c1d6e6; font-size: 13px; text-align: start; border-radius: 6px; }
.future-nav-item { border: 0; background: transparent; cursor: pointer; opacity: .70; font: inherit; }
.future-nav-item > span:first-child, .ayra-nav-button > span:first-child { width: 20px; color: #80e9ff; font-size: 20px; text-align: center; }
.ayra-nav-button.active, .future-nav-item.active { border-color: rgba(50, 220, 255, .70); background: linear-gradient(90deg, rgba(39, 140, 255, .37), rgba(14, 61, 100, .56)); box-shadow: 0 0 8px rgba(26, 201, 255, .45), inset 0 0 12px rgba(26, 201, 255, .12); opacity: 1; }
.future-nav-item { min-height: 39px; }.secondary-nav { min-height: 27px; padding-block: 3px; font-size: 10px; border-top: 1px solid rgba(46, 197, 255, .16); }
.language-control { margin: auto 2px 0; padding: 10px; border: 1px solid rgba(46, 197, 255, .23); border-radius: 7px; }
#ayra-language { min-height: 44px; background: #031522; border-color: #278cff; border-radius: 6px; }
.language-list { display: grid; gap: 1px; padding: 2px 13px; }
.language-list button { min-height: 21px; padding: 1px 7px; text-align: start; border: 1px solid transparent; border-radius: 5px; background: transparent; color: #c1d6e6; font-size: 11px; cursor: pointer; }
.language-list button.active { border-color: #24cfff; background: rgba(39, 140, 255, .24); color: #eaf8ff; }
.language-list button:focus-visible { outline: 2px solid #43e6ff; outline-offset: 1px; }
.sidebar-earth { height: 74px; background: radial-gradient(ellipse at 65% 115%, rgba(41, 150, 255, .38), transparent 55%), url("./assets/ayra-earth-city.webp") center 43% / cover; border-radius: 7px; opacity: .7; }
.sidebar-motto { margin: 2px 8px; color: #80e9ff; font-size: 10px; letter-spacing: .09em; }
.ayra-content { padding: 5px clamp(12px, 1vw, 18px) 10px; }
.ayra-view, .ayra-identity { max-width: 1520px; }
.ayra-identity { height: 52px; padding: 4px 8px; margin-bottom: 7px; border: 0; border-bottom: 1px solid var(--ayra-line); border-radius: 0; background: rgba(2, 10, 19, .83); box-shadow: none; gap: 9px; }
.workspace-tabs { display: flex; height: 100%; min-width: 0; align-items: center; gap: 4px; }
.workspace-tabs button, .workspace-tabs span { display: grid; place-items: center; min-width: 125px; height: 40px; padding: 6px 12px; border-radius: 6px; color: #c2d7e9; white-space: nowrap; font-size: 12px; }
.workspace-tabs span { opacity: .65; border-inline-start: 1px solid rgba(46, 197, 255, .15); }
.workspace-tabs .active { border: 1px solid #24cfff; background: rgba(39, 140, 255, .26); color: #eaf8ff; box-shadow: 0 0 8px rgba(26, 201, 255, .45); }
.identity-state { margin-inline-start: 0; font-size: 10px; white-space: nowrap; }
.top-globe { margin-inline-start: auto; color: #80e9ff; font-size: 24px; line-height: 1; }
.identity-clock, .identity-profile { font-size: 11px; white-space: nowrap; color: #94aec2; border-inline-start: 1px solid var(--ayra-line); padding-inline-start: 10px; }
.identity-profile { border: 0; padding: 0; display: flex; align-items: center; gap: 7px; }
.profile-avatar { width: 34px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid #80e9ff; border-radius: 50%; color: #eaf8ff; font-size: 16px; }
.top-future-icon { color: #94aec2; font-size: 20px; border-inline-start: 1px solid var(--ayra-line); padding-inline-start: 9px; }
#home-view { display: grid; grid-template-columns: minmax(0, 2.7fr) minmax(310px, 1fr); grid-template-rows: 295px 215px 105px auto auto auto auto; gap: var(--ayra-gap); align-items: start; }
#home-view > * { min-width: 0; margin: 0; }
.research-hero { grid-column: 1; grid-row: 1; height: 295px; min-height: 0; box-sizing: border-box; padding: 17px 18px 54px; border-radius: 10px; background: #051425; isolation: isolate; }
.research-hero::before { z-index: -1; background: linear-gradient(90deg, rgba(2, 10, 19, .76) 0%, rgba(2, 10, 19, .23) 58%, transparent 100%); }
.earth-stage { position: absolute; inset: 0; z-index: -2; background: url("./assets/ayra-earth-city.webp") center 52% / cover no-repeat; }
.hero-orbit { display: none; }
.hero-copy { position: relative; z-index: 1; width: min(67%, 640px); }
.hero-wordmark { font-size: 31px; font-weight: 700; letter-spacing: .25em; line-height: 1; }
.research-hero h1 { margin: 5px 0; max-width: 620px; font-size: clamp(24px, 1.85vw, 34px); letter-spacing: .10em; line-height: 1.15; white-space: pre-line; }
.research-hero .hero-copy > p { max-width: 390px; margin: 5px 0; color: #d3ecf9; font-size: 12px; line-height: 1.3; }
#research-form { position: absolute; top: 151px; left: clamp(18px, 14%, 145px); width: min(73%, 700px); margin: 0; gap: 3px; }
#research-form label { font-size: 10px; font-weight: 600; color: #b7f5ff; }
.hero-search { display: flex; align-items: center; min-width: 0; height: 44px; border: 1px solid #43e6ff; border-radius: 22px; background: rgba(2, 16, 28, .93); box-shadow: 0 0 8px rgba(26, 201, 255, .35); }
.search-icon { font-size: 25px; color: #b7f5ff; padding-inline: 13px 6px; }
#research-topic { flex: 1; width: 0; min-width: 0; min-height: 0; height: 38px; padding: 8px 5px; background: transparent; border: 0; border-radius: 0; resize: none; font-size: 12px; line-height: 1.4; }
#research-submit { flex: none; min-height: 34px; margin: 4px; padding: 5px 12px; border: 1px solid #80e9ff; border-radius: 17px; background: linear-gradient(120deg, #278cff, #3478ff); color: #eaf8ff; font-size: 11px; box-shadow: 0 0 8px rgba(26, 201, 255, .45); }
.hero-quote { position: absolute; right: 20px; top: 25px; width: 24%; margin: 0; color: #eaf8ff; font-size: 12px; font-style: italic; text-align: center; text-shadow: 0 1px 8px #020a13; }
.hero-quote cite { display: block; margin-top: 6px; font-size: 11px; letter-spacing: .16em; font-style: normal; }
.hero-actions { position: absolute; inset-inline: 14px; bottom: 10px; display: flex; gap: 7px; }
.hero-actions button { flex: 1; min-width: 0; min-height: 35px; padding: 5px; border: 1px solid var(--ayra-line); border-radius: 6px; background: rgba(2, 16, 28, .80); color: #b7d7e8; font-size: 10px; cursor: default; }
.hero-actions button:disabled { opacity: .88; }
.live-slots { display: contents; }
.briefing-slot { grid-column: 2; grid-row: 1; height: 350px; padding: 9px; display: block; position: relative; overflow: hidden; border-radius: 10px; background: #04111f; }
.briefing-presenter { position: absolute; inset: 0; display: block; background: #04111f; }
.briefing-presenter img { width: 100%; height: 100%; object-fit: cover; object-position: center bottom; transform: translateX(-58px) scale(1.04); filter: brightness(.83) saturate(1.1); }
.briefing-presenter::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 42%, rgba(2, 10, 19, .87) 100%), linear-gradient(0deg, #04111f 1%, transparent 28%); }
.briefing-content { position: relative; height: 100%; z-index: 1; }
.briefing-content h2 { font-size: 13px; text-shadow: 0 1px 9px #020a13; }
.passive-badge { display: inline-block; margin: 0 0 5px; padding: 4px 7px; background: rgba(255, 79, 120, .19); border: 1px solid rgba(255, 79, 120, .55); border-radius: 5px; color: #ffb7c8; font-size: 10px; }
.briefing-content > p:not(.eyebrow) { position: absolute; top: 52px; right: 8px; width: 39%; color: #eaf8ff; font-size: 11px; text-shadow: 0 1px 7px #020a13; }
.briefing-checks { position: absolute; top: 128px; right: 7px; width: 42%; display: grid; gap: 6px; color: #c9e6f6; font-size: 10px; }
.briefing-checks span::before { content: "◇ "; color: #43e6ff; }
.briefing-controls { position: absolute; bottom: 23px; inset-inline: 6px; margin: 0; justify-content: space-between; color: #eaf8ff; font-size: 10px; }
.briefing-controls button { min-height: 36px; border-color: #278cff; background: #0a2641; color: #d3ecf9; }
.briefing-wave { position: absolute; bottom: 72px; right: 10px; width: 33%; height: 22px; background: repeating-linear-gradient(90deg, transparent 0 4px, rgba(21, 216, 255, .65) 4px 5px, transparent 5px 8px); opacity: .45; mask-image: linear-gradient(0deg, transparent 0%, #000 40%, transparent 100%); }
.briefing-categories { position: absolute; bottom: 4px; inset-inline: 6px; overflow: hidden; max-height: 15px; }
.briefing-categories span { padding: 0 4px; border: 0; font-size: 9px; white-space: nowrap; }
.public-briefs { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: 2.2fr 1fr; gap: var(--ayra-gap); height: 215px; }
.news-slot, .official-slot, .government-slot, .category-slot, .global-slot, .markets-slot, .commerce-card { min-width: 0; box-sizing: border-box; border: 1px solid var(--ayra-line); border-radius: 9px; padding: 10px 12px; background: rgba(6, 24, 42, .96); box-shadow: inset 0 0 18px rgba(23, 157, 219, .04), 0 0 12px rgba(0, 174, 255, .05); overflow: hidden; }
.news-slot h2, .official-slot h2, .government-slot h2, .category-slot h2, .global-slot h2, .markets-slot h2, .commerce-card h3 { margin: 0 0 7px; color: #eaf8ff; font-size: 13px; font-weight: 700; }
.news-skeleton { height: 105px; display: grid; grid-template-columns: 1.8fr 1fr 1fr; gap: 7px; }
.news-skeleton span { display: flex; align-items: end; padding: 8px; border: 1px solid rgba(46, 197, 255, .22); border-radius: 5px; color: #7895ab; font-size: 10px; background: radial-gradient(circle at 65% 20%, rgba(21, 216, 255, .12), transparent 48%), repeating-linear-gradient(0deg, transparent 0 19px, rgba(21, 216, 255, .04) 20px), #082039; }
.news-slot p, .official-slot p, .global-slot p, .commerce-card p { margin: 7px 0; font-size: 11px; color: #94aec2; }
.placeholder-row, .compact-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.placeholder-row span, .compact-chips span { padding: 3px 6px; border: 1px solid rgba(46, 197, 255, .25); border-radius: 5px; color: #b7f5ff; font-size: 10px; }
.placeholder-list { display: grid; gap: 5px; }
.placeholder-list > span { min-height: 40px; display: flex; align-items: center; padding: 5px 8px; border: 1px solid rgba(46, 197, 255, .18); border-radius: 5px; color: #94aec2; font-size: 10px; }
.placeholder-list b { color: #eaf8ff; font-weight: 600; }.placeholder-list em { color: #94aec2; font-style: normal; }
.government-slot { grid-column: 2; grid-row: 2; margin-top: 55px !important; min-height: 160px; }
.government-slot .placeholder-list > span { min-height: 34px; }
.category-slot { grid-column: 1; grid-row: 3; min-height: 105px; }
.category-ribbon { display: flex; gap: 5px; overflow-x: auto; padding-bottom: 3px; }
.category-ribbon span { flex: 0 0 auto; min-width: 72px; max-width: 112px; min-height: 50px; display: grid; place-items: center; padding: 5px; text-align: center; background: #082039; border: 1px solid rgba(46, 197, 255, .27); border-radius: 6px; color: #c1d6e6; font-size: 10px; }
.category-ribbon .selected { border-color: #43e6ff; box-shadow: 0 0 8px rgba(26, 201, 255, .45); }
.global-slot { grid-column: 2; grid-row: 3; min-height: 105px; position: relative; }
.world-grid { position: absolute; left: 10px; top: 30px; width: 46%; height: 65px; background: url("./assets/ayra-world-grid.svg") center / contain no-repeat; opacity: .7; }
.global-slot dl { margin: 0 0 0 48%; display: grid; gap: 2px; }
.global-slot dl div { display: flex; justify-content: space-between; gap: 6px; border-bottom: 1px solid rgba(46, 197, 255, .14); font-size: 10px; }.global-slot dd { margin: 0; }
.global-slot p { margin: 4px 0 0; font-size: 9px; }
.commercial-row { grid-column: 1 / -1; grid-row: 4; display: grid; grid-template-columns: 1fr .8fr 1.15fr; gap: var(--ayra-gap); }
.commerce-card { min-height: 100px; }.commerce-card button { min-height: 33px; padding: 3px 8px; border: 1px solid #278cff; border-radius: 5px; background: rgba(39, 140, 255, .23); color: #b7f5ff; font-size: 10px; }
.premium-card h3::before { content: "♛ "; color: #e6c77c; }.support-card h3::before { content: "♡ "; color: #ff79a0; }.payment-card h3::before { content: "◇ "; color: #80e9ff; }
.platform-strip { grid-column: 1 / -1; grid-row: 5; min-height: 43px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 15px; border-top: 1px solid var(--ayra-line); color: #c1d6e6; font-size: 10px; }
.platform-strip strong { letter-spacing: .17em; color: #b7f5ff; }
.markets-slot { grid-column: 1 / -1; grid-row: 6; min-height: 135px; background: linear-gradient(135deg, #06182a, #0a2641); }
.market-grid-visual { height: 31px; border: 1px solid rgba(46, 197, 255, .18); background: linear-gradient(rgba(46, 197, 255, .08) 1px, transparent 1px) 0 0 / 100% 10px, linear-gradient(90deg, rgba(46, 197, 255, .08) 1px, transparent 1px) 0 0 / 30px 100%; }
.market-fields { grid-template-columns: repeat(7, minmax(0, 1fr)); }.market-fields div { padding: 5px 7px; }
.home-info { grid-column: 1 / -1; grid-row: 7; margin: 0; gap: 8px; }.home-info .research-card { margin: 0; padding: 8px 10px; }.home-info .research-card h2 { margin: 0; font-size: 10px; }.home-info .research-card p { font-size: 11px; }.home-info button { min-height: 30px; padding: 4px 8px; font-size: 10px; }
.ayra-footer { min-height: 55px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 8px 18px; border-top: 1px solid var(--ayra-line); background: #03101d; color: #94aec2; font-size: 10px; }.ayra-footer strong { color: #eaf8ff; font-size: 18px; letter-spacing: .24em; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
#result-view .research-card, #health-view .panel, #health-view .metric-card { border-radius: 9px; background: #06182a; border-color: var(--ayra-line); }
#result-view .research-card { margin: 9px 0; padding: 12px 14px; }
.app-module-view { min-height: min(72vh, 720px); padding: clamp(16px, 2vw, 28px); border: 1px solid var(--ayra-line); border-radius: var(--ayra-radius); background: var(--ayra-glass); }
.module-header { max-width: 820px; }.module-header h1 { margin: 5px 0; font-size: clamp(25px, 3vw, 40px); }.module-header > p { color: var(--ayra-muted); }
.module-status { display: inline-flex; min-height: 30px; align-items: center; padding: 4px 9px; border: 1px solid var(--ayra-line); border-radius: 6px; color: var(--ayra-cyan); }
.module-content { min-height: 220px; margin-top: var(--ayra-gap); padding: clamp(14px, 2vw, 24px); border: 1px solid rgba(46, 197, 255, .20); border-radius: 8px; background: #031522; }
.module-state { color: var(--ayra-muted); }
html[dir="rtl"] .ayra-nav-button, html[dir="rtl"] .future-nav-item { text-align: right; }
html[dir="rtl"] .hero-copy, html[dir="rtl"] .public-briefs, html[dir="rtl"] .government-slot, html[dir="rtl"] .category-slot, html[dir="rtl"] .global-slot, html[dir="rtl"] .commercial-row { text-align: right; }
html[dir="rtl"] .hero-quote { right: auto; left: 20px; }
html[dir="rtl"] .briefing-content > p:not(.eyebrow), html[dir="rtl"] .briefing-checks { right: auto; left: 8px; }
html[dir="rtl"] .world-grid { left: auto; right: 10px; }
html[dir="rtl"] .global-slot dl { margin: 0 48% 0 0; }
html[dir="rtl"] .earth-stage, html[dir="rtl"] .briefing-presenter img { transform: none; }
html[dir="rtl"] .briefing-presenter img { transform: translateX(58px) scale(1.04); }
.market-tickers span:nth-child(-n+3), .platform-strip > span { direction: ltr; unicode-bidi: isolate; }
@media (max-width: 1279px) {
    .ayra-identity { gap: 5px; }.workspace-tabs span { min-width: 65px; padding-inline: 5px; }
    .identity-clock, .top-future-icon { display: none; }.hero-copy { width: 66%; }.hero-quote { width: 21%; }
    .hero-actions button { font-size: 9px; }
}
@media (min-width: 1440px) and (max-width: 1919px) { #home-view { grid-template-columns: minmax(0, 2.5fr) minmax(390px, 1fr); } }
@media (max-width: 1023px) {
    #home-view { grid-template-columns: minmax(0, 1fr) minmax(270px, .55fr); grid-template-rows: auto; }
    .research-hero { grid-column: 1 / -1; grid-row: 1; }
    .briefing-slot { grid-column: 2; grid-row: 2; height: 350px; }
    .public-briefs { grid-column: 1; grid-row: 2; height: auto; grid-template-columns: 1fr; }
    .government-slot { grid-column: 1; grid-row: 3; margin-top: 0 !important; }
    .category-slot { grid-column: 1 / -1; grid-row: 4; }
    .global-slot { grid-column: 2; grid-row: 3; }
    .commercial-row { grid-row: 5; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .payment-card { grid-column: 1 / -1; }
    .platform-strip { grid-row: 6; }.markets-slot { grid-row: 7; }.home-info { grid-row: 8; }
    .market-fields { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }
}
@media (max-width: 800px) {
    .ayra-layout { display: block; }.ayra-sidebar { position: static; width: 100%; height: auto; padding: 7px 12px; }
    .sidebar-brand { min-height: 53px; align-items: center; }.sidebar-brand .ayra-brand { font-size: 20px; }.sidebar-emblem { width: 38px; font-size: 21px; }
    .ayra-nav { display: flex; gap: 3px; overflow-x: auto; }.ayra-nav-button, .future-nav-item { flex: 0 0 auto; width: auto; min-height: 44px; padding: 7px 10px; white-space: nowrap; }
    .future-nav-item { display: none; }.secondary-nav { border: 0; }
    .language-control { margin: 3px 0 0; padding: 4px; max-width: 190px; }.sidebar-earth, .sidebar-motto { display: none; }
    .language-list { display: none; }
    .ayra-content { padding: 6px 12px; }
}
@media (max-width: 767px) {
    #home-view { display: flex; flex-direction: column; }
    #home-view > *, .live-slots > * { box-sizing: border-box; max-width: 100%; }
    #home-view > .research-hero { order: 0; } #home-view > .live-slots { order: 1; }
    #home-view > .public-briefs { order: 2; } #home-view > .government-slot { order: 3; }
    #home-view > .category-slot { order: 4; } #home-view > .global-slot { order: 5; }
    #home-view > .commercial-row { order: 6; } #home-view > .platform-strip { order: 7; }
    #home-view > .home-info { order: 8; }
    #home-view > .research-hero, #home-view > .public-briefs, #home-view > .government-slot, #home-view > .category-slot, #home-view > .global-slot, #home-view > .commercial-row, #home-view > .platform-strip, #home-view > .home-info { width: 100%; }
    .live-slots { display: flex; flex-direction: column; width: 100%; margin: 0; }
    .briefing-slot, .markets-slot { width: 100%; }
    .briefing-slot { order: -1; height: 330px; }.markets-slot { order: 1; }
    .public-briefs { height: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); }.news-slot, .official-slot { min-height: 205px; }
    .government-slot { min-height: 155px; }.category-slot { min-height: 100px; }
    .identity-state { display: none; }.workspace-tabs { overflow-x: auto; }
    .commercial-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }.payment-card { grid-column: 1 / -1; }
    .home-info { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
}
@media (max-width: 599px) {
    .research-hero { height: auto; min-height: 305px; padding: 17px 12px 82px; }
    #research-form { position: static; width: 100%; margin-top: 9px; }
    .hero-copy { width: 100%; }.research-hero h1 { max-width: 100%; font-size: clamp(20px, 5vw, 26px); letter-spacing: .05em; overflow-wrap: anywhere; }
    #research-submit { width: auto; flex: none; }.hero-search { width: 100%; box-sizing: border-box; }
    .hero-quote { display: none; }.earth-stage { opacity: .52; background-position: 58% center; }
    .hero-actions { flex-wrap: wrap; }.hero-actions button { flex: 1 0 29%; min-height: 32px; }
    .public-briefs { grid-template-columns: 1fr; }.news-slot, .official-slot { min-height: 180px; }
    .briefing-slot { height: 310px; }.briefing-presenter img { object-position: center bottom; }
    .briefing-content > p:not(.eyebrow), .briefing-checks { overflow-wrap: anywhere; }
    .commercial-row { grid-template-columns: 1fr; }.payment-card { grid-column: auto; }
    .category-ribbon, .market-tickers { overflow-x: auto; flex-wrap: nowrap; }.category-ribbon span, .market-tickers span { flex: none; }
    .workspace-tabs span { display: none; }.identity-profile { display: none; }
    .home-info { grid-template-columns: 1fr; }
}
@media (max-width: 374px) {
    .ayra-content { padding-inline: 8px; }.research-hero { min-height: 335px; }
    .hero-search { border-radius: 8px; }.search-icon { padding-inline: 6px 2px; }
    #research-submit { padding-inline: 6px; }.briefing-slot { height: 290px; }.briefing-checks { font-size: 9px; }
}
@media (min-width: 1920px) { .ayra-layout { max-width: 1920px; margin: 0 auto; }.research-hero { height: 310px; } }
@media (min-width: 2560px) { .ayra-layout { max-width: 2080px; }.ayra-view, .ayra-identity { max-width: 1840px; } }
@media (prefers-reduced-motion: reduce) { .signal-dot { animation: none; } }
@media (prefers-contrast: more) { .research-hero, .briefing-slot, .news-slot, .official-slot, .government-slot, .category-slot, .global-slot, .markets-slot, .commerce-card { background-color: #06182a; border-color: #80e9ff; } }

/* === AGENTS PANEL === */
.agents-panel { padding: 16px; }
.agents-header h2 { margin: 0 0 4px 0; font-size: 1.5rem; }
.agents-subtitle { color: #888; margin: 0 0 20px 0; font-size: 0.9rem; }
.agents-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin-bottom: 24px; }
.agent-metric-card { background: #1a1a1a; border-left: 4px solid #666; padding: 12px 16px; border-radius: 6px; }
.agent-metric-value { font-size: 1.6rem; font-weight: 700; }
.agent-metric-label { font-size: 0.8rem; color: #aaa; margin-top: 4px; }
.agents-section-title { margin: 24px 0 12px 0; font-size: 1.1rem; border-bottom: 1px solid #333; padding-bottom: 6px; }
.agents-hierarchy { display: flex; flex-direction: column; gap: 12px; }
.agent-level-block { background: #1a1a1a; border-left: 4px solid #666; border-radius: 6px; padding: 8px 12px; }
.agent-level-summary { cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 6px 0; }
.agent-level-badge { display: inline-block; padding: 2px 8px; border-radius: 4px; color: #fff; font-size: 0.8rem; font-weight: 700; }
.agent-level-name { font-weight: 600; flex: 1; }
.agent-level-count { color: #888; font-size: 0.85rem; }
.agent-table { width: 100%; border-collapse: collapse; margin-top: 8px; font-size: 0.85rem; }
.agent-table th { text-align: left; padding: 6px 8px; border-bottom: 1px solid #333; color: #888; font-weight: 600; }
.agent-table td { padding: 6px 8px; border-bottom: 1px solid #222; }
.agent-table tr:hover { background: #222; }
.agent-name { font-weight: 500; }
.agent-dept { color: #6ba3d6; font-family: monospace; font-size: 0.8rem; }
.risk-critical { color: #e63946; font-weight: 700; }
.risk-high { color: #f4a261; font-weight: 600; }
.risk-medium { color: #f9c74f; }
.risk-low { color: #90be6d; }
.dept-list { display: flex; flex-direction: column; gap: 6px; }
.dept-row { display: grid; grid-template-columns: 200px 1fr 200px; gap: 12px; padding: 8px 12px; background: #1a1a1a; border-radius: 4px; font-size: 0.85rem; }
.dept-id { color: #6ba3d6; font-family: monospace; }
.dept-name { font-weight: 500; }
.dept-manager { color: #888; font-family: monospace; font-size: 0.8rem; }
.agents-loading, .agents-error { padding: 24px; text-align: center; color: #888; }
.agents-error { color: #e63946; }

/* === ENTITY EXPLORER === */
.entity-explorer { padding: 16px; max-width: 900px; }
.entity-header { margin: 0 0 4px 0; font-size: 1.5rem; }
.entity-subtitle { color: #888; margin: 0 0 20px 0; font-size: 0.9rem; }
.entity-search-box { display: flex; gap: 8px; margin-bottom: 12px; }
.entity-search-input { flex: 1; padding: 12px 16px; font-size: 1rem; background: #1a1a1a; border: 1px solid #333; border-radius: 6px; color: #fff; }
.entity-search-input:focus { outline: none; border-color: #0ea5e9; }
.entity-search-btn { padding: 12px 24px; background: #0ea5e9; color: #fff; border: none; border-radius: 6px; font-weight: 600; cursor: pointer; font-size: 1rem; }
.entity-search-btn:hover { background: #0284c7; }
.entity-suggestions-box { margin-bottom: 16px; }
.entity-suggestions { background: #1a1a1a; border: 1px solid #333; border-radius: 6px; overflow: hidden; }
.entity-suggestion-item { display: grid; grid-template-columns: 1fr 100px 80px; gap: 8px; width: 100%; padding: 10px 14px; background: none; border: none; border-bottom: 1px solid #222; color: #fff; cursor: pointer; text-align: left; font-size: 0.9rem; }
.entity-suggestion-item:last-child { border-bottom: none; }
.entity-suggestion-item:hover { background: #222; }
.entity-suggestion-name { font-weight: 500; }
.entity-suggestion-type { color: #6ba3d6; font-size: 0.8rem; }
.entity-suggestion-count { color: #888; font-size: 0.8rem; text-align: right; }
.entity-results-box { margin-top: 20px; }
.entity-results-title { font-size: 1.1rem; margin: 0 0 12px 0; padding-bottom: 6px; border-bottom: 1px solid #333; }
.entity-story-list { display: flex; flex-direction: column; gap: 10px; }
.entity-story-card { background: #1a1a1a; padding: 12px 16px; border-radius: 6px; border-left: 3px solid #0ea5e9; }
.entity-story-title { font-weight: 500; margin-bottom: 6px; }
.entity-story-meta { display: flex; gap: 12px; font-size: 0.8rem; color: #888; }
.entity-story-cat { color: #6ba3d6; }
.entity-story-mentions { margin-left: auto; color: #f4a261; font-weight: 600; }
.entity-loading, .entity-error { padding: 24px; text-align: center; color: #888; }
.entity-error { color: #e63946; }

/* === NEWS PIPELINE === */
.pipeline-panel { padding: 16px; }
.pipeline-header h2 { margin: 0 0 4px 0; font-size: 1.5rem; }
.pipeline-subtitle { color: #888; margin: 0 0 20px 0; font-size: 0.9rem; }
.pipeline-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; margin-bottom: 24px; }
.pipeline-metric-card { background: #1a1a1a; padding: 12px 16px; border-radius: 6px; border-left: 4px solid #0ea5e9; }
.pipeline-metric-value { font-size: 1.6rem; font-weight: 700; }
.pipeline-metric-label { font-size: 0.8rem; color: #aaa; margin-top: 4px; }
.pipeline-section-title { margin: 24px 0 12px 0; font-size: 1.1rem; border-bottom: 1px solid #333; padding-bottom: 6px; }
.pipeline-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 10px; }
.pipeline-step-card { background: #1a1a1a; padding: 12px 14px; border-radius: 6px; border-left: 4px solid #666; position: relative; }
.pipeline-step-header { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.pipeline-step-num { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 4px; font-size: 0.75rem; font-weight: 700; color: #fff; }
.pipeline-step-name { font-weight: 600; font-size: 0.85rem; flex: 1; }
.pipeline-step-status { font-size: 1rem; }
.pipeline-step-desc { color: #999; font-size: 0.8rem; margin-bottom: 6px; line-height: 1.4; }
.pipeline-step-group { display: inline-block; font-family: monospace; font-size: 0.7rem; font-weight: 700; padding: 2px 6px; background: rgba(255,255,255,0.05); border-radius: 3px; }
.pipeline-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.pipeline-group-card { background: #1a1a1a; padding: 12px 14px; border-radius: 6px; border-left: 4px solid #666; }
.pipeline-group-id { font-size: 1.2rem; font-weight: 700; margin-bottom: 4px; }
.pipeline-group-name { font-size: 0.9rem; margin-bottom: 4px; }
.pipeline-group-count { color: #888; font-size: 0.8rem; }
.pipeline-loading, .pipeline-error { padding: 24px; text-align: center; color: #888; }
.pipeline-error { color: #e63946; }

/* === WEB TIMELINE === */
.timeline-panel { padding: 16px; }
.timeline-header h2 { margin: 0 0 4px 0; font-size: 1.5rem; }
.timeline-subtitle { color: #888; margin: 0 0 20px 0; font-size: 0.9rem; }
.timeline-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin-bottom: 24px; }
.timeline-metric-card { background: #1a1a1a; padding: 12px 16px; border-radius: 6px; border-left: 4px solid #0ea5e9; }
.timeline-metric-value { font-size: 1.4rem; font-weight: 700; }
.timeline-metric-label { font-size: 0.8rem; color: #aaa; margin-top: 4px; }
.timeline-section-title { margin: 24px 0 12px 0; font-size: 1.1rem; border-bottom: 1px solid #333; padding-bottom: 6px; }
.timeline-events { display: flex; flex-direction: column; gap: 10px; }
.timeline-event-card { display: grid; grid-template-columns: 110px 1fr; gap: 16px; background: #1a1a1a; padding: 12px 16px; border-radius: 6px; border-left: 4px solid #6ba3d6; }
.timeline-event-date { font-family: monospace; font-size: 0.85rem; color: #888; padding-top: 4px; }
.timeline-event-body { display: flex; flex-direction: column; gap: 6px; }
.timeline-event-header { display: flex; align-items: center; gap: 8px; font-size: 0.75rem; }
.timeline-event-type { font-family: monospace; color: #6ba3d6; font-weight: 600; }
.timeline-event-category { padding: 2px 8px; border-radius: 3px; font-weight: 600; }
.timeline-event-story-id { color: #666; margin-left: auto; font-family: monospace; }
.timeline-event-title { font-size: 0.95rem; font-weight: 500; }
.timeline-empty { padding: 24px; text-align: center; color: #888; }
.timeline-loading, .timeline-error { padding: 24px; text-align: center; color: #888; }
.timeline-error { color: #e63946; }

/* === NEWS INGESTION === */
.news-panel { padding: 16px; }
.news-header h2 { margin: 0 0 4px 0; font-size: 1.5rem; }
.news-subtitle { color: #888; margin: 0 0 16px 0; font-size: 0.9rem; }
.news-fetch-bar { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; padding: 12px; background: #1a1a1a; border-radius: 6px; border-left: 4px solid #0ea5e9; }
.news-fetch-btn { padding: 10px 24px; background: #0ea5e9; color: #fff; border: none; border-radius: 6px; font-weight: 600; cursor: pointer; font-size: 0.95rem; }
.news-fetch-btn:hover:not(:disabled) { background: #0284c7; }
.news-fetch-btn:disabled { background: #555; cursor: not-allowed; }
.news-fetch-status { color: #aaa; font-size: 0.85rem; }
.news-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin-bottom: 24px; }
.news-metric-card { background: #1a1a1a; padding: 12px 16px; border-radius: 6px; border-left: 4px solid #0ea5e9; }
.news-metric-value { font-size: 1.6rem; font-weight: 700; }
.news-metric-label { font-size: 0.8rem; color: #aaa; margin-top: 4px; }
.news-section-title { margin: 24px 0 12px 0; font-size: 1.1rem; border-bottom: 1px solid #333; padding-bottom: 6px; }
.news-story-list { display: flex; flex-direction: column; gap: 12px; }
.news-story-card { background: #1a1a1a; padding: 14px 18px; border-radius: 6px; border-left: 4px solid #6ba3d6; }
.news-story-header { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 0.75rem; }
.news-story-cat { padding: 2px 10px; border-radius: 3px; font-weight: 600; }
.news-story-id { color: #666; font-family: monospace; margin-left: auto; }
.news-story-title { margin: 0 0 8px 0; font-size: 1rem; font-weight: 600; line-height: 1.4; }
.news-story-summary { margin: 0 0 10px 0; color: #bbb; font-size: 0.88rem; line-height: 1.5; }
.news-story-meta { display: flex; gap: 14px; align-items: center; font-size: 0.8rem; color: #888; }
.news-story-date { font-family: monospace; }
.news-story-link { color: #0ea5e9; text-decoration: none; margin-left: auto; }
.news-story-link:hover { text-decoration: underline; }
.news-empty, .news-loading, .news-error { padding: 24px; text-align: center; color: #888; }
.news-error { color: #e63946; }

/* === NEWS SEARCH + DETAIL === */
.news-search-bar { display: flex; gap: 8px; margin-bottom: 16px; }
.news-search-input { flex: 1; padding: 12px 16px; font-size: 1rem; background: #1a1a1a; border: 1px solid #333; border-radius: 6px; color: #fff; }
.news-search-input:focus { outline: none; border-color: #0ea5e9; }
.news-story-card:hover { background: #222; transform: translateX(2px); transition: all 0.15s; }
.news-story-open { margin-left: auto; color: #0ea5e9; font-weight: 600; }
.news-back-btn { padding: 8px 16px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 0.9rem; margin-bottom: 16px; }
.news-back-btn:hover { background: #444; }
.news-detail-header { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; font-size: 0.8rem; }
.news-detail-title { margin: 0 0 12px 0; font-size: 1.5rem; font-weight: 700; line-height: 1.3; }
.news-detail-meta { display: flex; gap: 16px; align-items: center; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #333; font-size: 0.85rem; color: #888; }
.news-detail-summary { font-size: 1rem; line-height: 1.7; color: #ccc; margin-bottom: 24px; }
.news-entity-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.news-entity-chip { padding: 6px 12px; background: #1a1a1a; border-radius: 16px; font-size: 0.85rem; border: 1px solid #333; }
.news-entity-type { color: #6ba3d6; font-size: 0.75rem; }
.news-entity-name { color: #fff; font-weight: 500; }
.news-entity-count { color: #f4a261; font-size: 0.75rem; }
.news-related-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; }
.news-related-card { padding: 12px 16px; background: #1a1a1a; border-left: 3px solid #22c55e; border-radius: 4px; }
.news-related-card:hover { background: #222; }
.news-related-title { display: block; font-weight: 500; margin-bottom: 4px; }
.news-related-meta { color: #888; font-size: 0.8rem; }
.news-timeline-list { display: flex; flex-direction: column; gap: 6px; }
.news-timeline-item { display: grid; grid-template-columns: 180px 1fr; gap: 12px; padding: 8px 12px; background: #1a1a1a; border-radius: 4px; font-size: 0.85rem; }
.news-timeline-date { color: #6ba3d6; font-family: monospace; }
.news-timeline-desc { color: #ccc; }

/* === NEWS LANG FILTER === */
.news-lang-bar { display: flex; gap: 8px; margin-bottom: 12px; }
.news-lang-btn { padding: 8px 18px; background: #1a1a1a; color: #ccc; border: 1px solid #333; border-radius: 20px; cursor: pointer; font-size: 0.85rem; font-weight: 500; transition: all 0.15s; }
.news-lang-btn:hover { background: #222; color: #fff; }
.news-lang-btn.active { background: #0ea5e9; color: #fff; border-color: #0ea5e9; }

/* === AGENT RUNTIME === */
.ar-panel { padding: 16px; }
.ar-header h2 { margin: 0 0 4px 0; font-size: 1.5rem; }
.ar-subtitle { color: #888; margin: 0 0 20px 0; font-size: 0.9rem; }
.ar-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin-bottom: 24px; }
.ar-metric { background: #1a1a1a; padding: 12px 16px; border-radius: 6px; border-left: 4px solid #0ea5e9; }
.ar-metric-value { font-size: 1.6rem; font-weight: 700; }
.ar-metric-label { font-size: 0.8rem; color: #aaa; margin-top: 4px; }
.ar-section-title { margin: 24px 0 12px 0; font-size: 1.1rem; border-bottom: 1px solid #333; padding-bottom: 6px; }
.ar-states { display: flex; flex-direction: column; gap: 6px; max-height: 400px; overflow-y: auto; }
.ar-state-row { display: grid; grid-template-columns: 1fr 80px 200px; gap: 12px; padding: 8px 12px; background: #1a1a1a; border-radius: 4px; font-size: 0.85rem; }
.ar-agent-id { font-family: monospace; color: #6ba3d6; }
.ar-state-meta { color: #888; font-size: 0.8rem; text-align: right; }
.ar-badge { padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 600; }
.ar-tasks { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 10px; max-height: 400px; overflow-y: auto; }
.ar-task-card { background: #1a1a1a; padding: 10px 12px; border-radius: 6px; border-left: 3px solid #0ea5e9; }
.ar-task-head { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.ar-task-id { font-family: monospace; color: #888; font-size: 0.8rem; }
.ar-task-type { font-weight: 600; flex: 1; }
.ar-task-agent { color: #6ba3d6; font-family: monospace; font-size: 0.75rem; }
.ar-loading, .ar-error { padding: 24px; text-align: center; color: #888; }
.ar-error { color: #e63946; }

/* === AGENT RUNTIME DETAIL === */
.ar-state-row.clickable:hover { background: #222; transform: translateX(2px); }
.ar-agent-detail { margin-top: 16px; }
.ar-detail-wrap { background: #1a1a1a; border-radius: 8px; padding: 20px; border-left: 4px solid #0ea5e9; }
.ar-detail-header { margin-bottom: 12px; }
.ar-detail-header h3 { margin: 0 0 4px 0; font-size: 1.2rem; }
.ar-detail-id { font-family: monospace; color: #6ba3d6; font-size: 0.85rem; }
.ar-detail-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.ar-detail-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; margin-bottom: 20px; }
.ar-detail-subtitle { margin: 16px 0 8px 0; font-size: 0.95rem; color: #aaa; border-bottom: 1px solid #333; padding-bottom: 4px; }
.ar-cap-list { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.ar-cap { padding: 4px 10px; background: #222; border-radius: 12px; font-size: 0.8rem; color: #ccc; border: 1px solid #333; }
.ar-dist { display: flex; flex-direction: column; gap: 4px; }
.ar-dist-row { display: flex; justify-content: space-between; padding: 6px 10px; background: #222; border-radius: 4px; font-size: 0.85rem; }
.ar-dist-type { font-weight: 500; }
.ar-dist-count { color: #f4a261; font-weight: 600; }
.ar-detail-tasks { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 8px; }
.ar-task-time { color: #666; font-family: monospace; font-size: 0.75rem; margin-top: 4px; }
.ar-detail-close { margin-top: 20px; padding: 8px 20px; background: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 0.85rem; }
.ar-detail-close:hover { background: #444; }
.ar-badge.risk-critical { background: #ef444433; color: #ef4444; }
.ar-badge.risk-high { background: #f59e0b33; color: #f59e0b; }
.ar-badge.risk-medium { background: #eab30833; color: #eab308; }
.ar-badge.risk-low { background: #22c55e33; color: #22c55e; }
.ar-badge.approval { background: #a855f733; color: #a855f7; }

/* === TRANSLATE === */
.news-translate-box { margin: 16px 0; }
.news-translate-btn { padding: 10px 20px; background: #8b5cf6; color: #fff; border: none; border-radius: 6px; font-weight: 600; cursor: pointer; font-size: 0.9rem; }
.news-translate-btn:hover:not(:disabled) { background: #7c3aed; }
.news-translate-btn:disabled { background: #555; cursor: not-allowed; }

/* === HOME PANEL LIVE === */
.home-headline-card { display: block; padding: 16px 18px; background: #1a1a1a; border-radius: 8px; border-left: 4px solid #0ea5e9; text-decoration: none; color: inherit; transition: all 0.15s; margin-bottom: 10px; }
.home-headline-card:hover { background: #222; transform: translateX(3px); }
.home-headline-cat { display: inline-block; padding: 2px 10px; border-radius: 3px; font-size: 0.7rem; font-weight: 600; background: #0ea5e933; color: #0ea5e9; margin-bottom: 8px; }
.home-headline-title { margin: 0 0 6px 0; font-size: 1rem; font-weight: 600; line-height: 1.4; color: #fff; }
.home-headline-summary { margin: 0 0 8px 0; color: #999; font-size: 0.85rem; line-height: 1.5; }
.home-headline-meta { display: flex; justify-content: space-between; font-size: 0.75rem; color: #666; }
.home-headline-score { color: #f4a261; font-weight: 600; }
.home-headline-review-state { color: #f4c66a; font-size: 0.7rem; }
.home-list-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; background: #1a1a1a; border-radius: 4px; margin-bottom: 6px; text-decoration: none; color: inherit; transition: background 0.15s; }
.home-list-row:hover { background: #222; }
.home-list-title { font-size: 0.88rem; color: #ddd; flex: 1; padding-right: 12px; }
.home-list-time { font-size: 0.75rem; color: #666; white-space: nowrap; }
.home-empty { padding: 20px; color: #666; text-align: center; font-size: 0.85rem; }
.home-world-stat { text-align: center; padding: 12px; background: #1a1a1a; border-radius: 6px; }
.home-world-value { font-size: 1.6rem; font-weight: 700; color: #0ea5e9; }
.home-world-label { font-size: 0.78rem; color: #888; margin-top: 4px; }
.home-market-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; background: #1a1a1a; border-radius: 4px; margin-bottom: 6px; }
.home-market-left { display: flex; gap: 10px; align-items: baseline; }
.home-market-code { font-weight: 700; font-size: 0.92rem; color: #fff; min-width: 80px; }
.home-market-name { color: #888; font-size: 0.8rem; }
.home-market-right { display: flex; gap: 12px; align-items: center; }
.home-market-price { font-family: monospace; color: #fff; font-size: 0.95rem; font-weight: 600; }
.home-market-change { font-family: monospace; font-size: 0.85rem; font-weight: 600; padding: 2px 6px; border-radius: 3px; }
.home-market-change.up { color: #22c55e; background: #22c55e22; }
.home-market-change.down { color: #ef4444; background: #ef444422; }
.briefing-item { padding: 10px 12px; background: #1a1a1a; border-radius: 4px; margin-bottom: 6px; }
.briefing-cat { font-size: 0.7rem; color: #0ea5e9; font-weight: 600; text-transform: uppercase; }
.briefing-title { font-size: 0.88rem; color: #ddd; margin-top: 4px; line-height: 1.4; }
.briefing-live { color: #22c55e !important; font-weight: 700; }

/* === HOME PANEL FIX - Siyah bloklari kaldir === */
/* Dunya Genelinde Durum */
.world-grid { background: transparent !important; }
.home-world-stat {
    background: linear-gradient(135deg, #0ea5e922, #0ea5e908) !important;
    border: 1px solid #0ea5e944 !important;
    padding: 14px 12px !important;
}
.home-world-value { color: #0ea5e9 !important; }
.home-world-label { color: #ccc !important; }

/* Market tickers */
.market-tickers {
    background: transparent !important;
    padding: 8px 0 !important;
}
.market-tickers span {
    background: #0ea5e922 !important;
    color: #0ea5e9 !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    border: 1px solid #0ea5e944 !important;
    margin-right: 6px !important;
}

/* Market field liste */
.home-market-row {
    background: linear-gradient(135deg, #0ea5e918, #0ea5e908) !important;
    border: 1px solid #0ea5e933 !important;
    padding: 10px 14px !important;
    margin-bottom: 6px !important;
}
.home-market-row:hover {
    background: linear-gradient(135deg, #0ea5e928, #0ea5e918) !important;
}

/* Market grid visual - yesil tonlar */
.market-grid-visual {
    background: #0ea5e910 !important;
    border: 1px solid #0ea5e933 !important;
}
.market-fields > div,
.market-fields > article,
.market-fields .market-tile {
    background: #0ea5e915 !important;
    border: 1px solid #0ea5e930 !important;
}

/* Highlight cards */
.home-headline-card {
    background: linear-gradient(135deg, #0ea5e918, #0ea5e905) !important;
    border-left: 4px solid #0ea5e9 !important;
}

/* Resmi duyurular, Hukumet, World list */
.home-list-row {
    background: linear-gradient(135deg, #0ea5e915, #0ea5e905) !important;
    border: 1px solid #0ea5e930 !important;
}
.home-list-row:hover {
    background: linear-gradient(135deg, #0ea5e925, #0ea5e915) !important;
}

/* Briefing items */
.briefing-item {
    background: linear-gradient(135deg, #0ea5e915, #0ea5e905) !important;
    border-left: 3px solid #0ea5e9 !important;
}

/* Dunya genelinde durum mini kartlar (sag panel) */
.world-stat-box,
.world-stats .stat-row,
[data-home-section="world"] .stat {
    background: #0ea5e915 !important;
    border-radius: 4px !important;
}

/* Market panel header arka plan */
.markets-header { background: transparent !important; }
.markets-slot { background: transparent !important; }

/* Haber listesi sag panel (Resmi Duyurular) */
.official-slot .news-skeleton,
.official-slot .news-card,
.official-slot > div {
    background: linear-gradient(135deg, #0ea5e918, #0ea5e908) !important;
    border: 1px solid #0ea5e933 !important;
    border-radius: 4px !important;
    padding: 10px 12px !important;
    margin-bottom: 6px !important;
}

/* Hukumet Kararlari */
.government-slot > div,
.government-slot .news-card {
    background: linear-gradient(135deg, #0ea5e918, #0ea5e908) !important;
    border: 1px solid #0ea5e933 !important;
    border-radius: 4px !important;
    padding: 10px 12px !important;
    margin-bottom: 6px !important;
}

/* "Veri baglantisi bekleniyor" yazisi - kaldir */
.home-empty, .news-awaiting, .source-awaiting {
    background: transparent !important;
    color: #666 !important;
    padding: 8px !important;
}

/* Butun panel arka planlari */
[data-home-section="markets"] {
    background: linear-gradient(180deg, #0a1929 0%, #0a0f1a 100%) !important;
    border: 1px solid #0ea5e933 !important;
    border-radius: 8px !important;
    padding: 16px !important;
}

/* === CATEGORY BUTTONS === */
.category-ribbon { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.cat-btn {
    padding: 8px 18px;
    background: transparent;
    color: #ccc;
    border: 1px solid #0ea5e955;
    border-radius: 24px;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.15s;
    font-family: inherit;
}
.cat-btn:hover { background: #0ea5e922; color: #fff; border-color: #0ea5e9; }
.cat-btn.selected { background: #0ea5e9; color: #fff; border-color: #0ea5e9; font-weight: 600; }

/* === ACTIVE CATEGORY === */
.news-active-cat {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: #0ea5e922;
    border: 1px solid #0ea5e966;
    border-radius: 16px;
    margin-top: 10px;
    font-size: 0.85rem;
}
.news-active-cat-label { color: #888; }
.news-active-cat-value { color: #0ea5e9; font-weight: 700; }
.news-active-cat-clear {
    background: transparent;
    color: #ef4444;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    padding: 0 4px;
    font-weight: 700;
}


/* === BRIEFING LIVE === */
.briefing-item:hover { background: #0ea5e928 !important; transform: translateX(2px); }
.briefing-live { animation: pulse 2s infinite; }
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

/* === CRYPTO PANEL === */
.crypto-panel { padding: 16px; }
.crypto-header h2 { margin: 0 0 4px 0; font-size: 1.5rem; color: #f59e0b; }
.crypto-subtitle { color: #888; margin: 0 0 4px 0; font-size: 0.9rem; }
.crypto-disclaimer { color: #f59e0b; font-size: 0.78rem; padding: 6px 12px; background: #f59e0b15; border-left: 3px solid #f59e0b; border-radius: 4px; margin: 8px 0 20px 0; }

.crypto-globals { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-bottom: 24px; }
.crypto-global-metric { padding: 12px 16px; background: linear-gradient(135deg, #0ea5e915, #0ea5e905); border-radius: 6px; border-left: 4px solid #0ea5e9; }
.crypto-global-value { font-size: 1.4rem; font-weight: 700; color: #fff; }
.crypto-global-label { font-size: 0.75rem; color: #888; margin-top: 4px; }

.crypto-section-title { margin: 24px 0 12px 0; font-size: 1.1rem; color: #f59e0b; border-bottom: 1px solid #f59e0b33; padding-bottom: 6px; }

.crypto-coin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.crypto-coin-card { padding: 14px 16px; background: linear-gradient(135deg, #1a1a1a, #141414); border-radius: 8px; border-left: 4px solid #666; transition: all 0.15s; }
.crypto-coin-card.up { border-left-color: #22c55e; }
.crypto-coin-card.down { border-left-color: #ef4444; }
.crypto-coin-card:hover { transform: translateY(-2px); background: #222; }

.crypto-coin-top { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.crypto-coin-icon { width: 32px; height: 32px; }
.crypto-coin-info { flex: 1; }
.crypto-coin-symbol { font-size: 1rem; font-weight: 700; color: #fff; }
.crypto-coin-name { font-size: 0.75rem; color: #888; }
.crypto-coin-price { font-size: 1.3rem; font-weight: 700; color: #fff; font-family: monospace; margin-bottom: 4px; }
.crypto-coin-change { font-size: 0.9rem; font-weight: 600; padding: 2px 8px; border-radius: 4px; display: inline-block; }
.crypto-coin-change.up { color: #22c55e; background: #22c55e22; }
.crypto-coin-change.down { color: #ef4444; background: #ef444422; }
.crypto-coin-stats { display: flex; justify-content: space-between; margin-top: 8px; font-size: 0.7rem; color: #666; }
.crypto-coin-7d { font-size: 0.75rem; margin-top: 4px; }
.crypto-coin-7d.up { color: #22c55e; }
.crypto-coin-7d.down { color: #ef4444; }

.crypto-news-list { display: flex; flex-direction: column; gap: 8px; }
.crypto-news-item { display: block; padding: 12px 16px; background: linear-gradient(135deg, #0ea5e912, #0ea5e905); border-left: 3px solid #0ea5e9; border-radius: 6px; text-decoration: none; color: inherit; transition: all 0.15s; }
.crypto-news-item:hover { background: linear-gradient(135deg, #0ea5e922, #0ea5e912); transform: translateX(2px); }
.crypto-news-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.crypto-news-cat { padding: 2px 8px; border-radius: 3px; font-size: 0.7rem; font-weight: 600; background: #0ea5e922; color: #0ea5e9; }
.crypto-news-score { font-size: 0.75rem; color: #f4a261; font-weight: 600; }
.crypto-news-title { font-size: 0.9rem; color: #ddd; line-height: 1.4; }
.crypto-news-meta { display: flex; justify-content: space-between; margin-top: 6px; font-size: 0.72rem; color: #666; }
.crypto-empty { padding: 20px; color: #666; text-align: center; font-size: 0.85rem; background: #1a1a1a; border-radius: 6px; }
.crypto-loading, .crypto-error { padding: 24px; text-align: center; color: #888; }
.crypto-error { color: #ef4444; }

/* === CRYPTO INLINE DETAIL === */
.crypto-news-toggle { color: #0ea5e9 !important; font-weight: 600; }
.crypto-detail {
    margin-top: 12px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #0a1929, #0a0f1a);
    border-radius: 6px;
    border-left: 3px solid #f59e0b;
    font-size: 0.85rem;
    color: #ccc;
    line-height: 1.6;
}
.crypto-detail-summary { margin: 0 0 12px 0; color: #ddd; }
.crypto-detail-entities { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.crypto-entity-chip {
    padding: 4px 10px;
    background: #0ea5e922;
    border: 1px solid #0ea5e955;
    border-radius: 12px;
    font-size: 0.75rem;
    color: #0ea5e9;
}
.crypto-source-link {
    display: inline-block;
    color: #0ea5e9;
    text-decoration: none;
    padding: 8px 14px;
    background: #0ea5e918;
    border-radius: 4px;
    font-weight: 600;
    margin-top: 8px;
}
.crypto-source-link:hover { background: #0ea5e928; }
.crypto-detail-related { margin-top: 14px; padding-top: 12px; border-top: 1px solid #333; }
.crypto-detail-label { font-size: 0.75rem; color: #888; text-transform: uppercase; margin-bottom: 8px; letter-spacing: 1px; }
.crypto-related-item {
    padding: 8px 12px;
    background: #0ea5e912;
    border-left: 2px solid #22c55e;
    border-radius: 3px;
    margin-bottom: 6px;
    font-size: 0.82rem;
    color: #ddd;
    cursor: pointer;
}
.crypto-related-item:hover { background: #0ea5e922; }
.crypto-timestamp {
    color: #22c55e;
    font-size: 0.75rem;
    margin-top: 4px;
    animation: pulse 2s infinite;
}

/* === AYRA HOME STORY MODAL === */
.ayra-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:ayraFade .18s ease}
@keyframes ayraFade{from{opacity:0}to{opacity:1}}
.ayra-modal{background:#111827;color:#e5e7eb;border:1px solid #1f2937;border-radius:14px;max-width:760px;width:100%;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.ayra-modal-header{display:flex;justify-content:flex-end;padding:10px 14px;border-bottom:1px solid #1f2937}
.ayra-modal-close{background:transparent;color:#9ca3af;border:0;font-size:26px;line-height:1;cursor:pointer;padding:0 6px}
.ayra-modal-close:hover{color:#fff}
.ayra-modal-body{padding:20px 22px 24px;overflow-y:auto}
.ayra-modal-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px;font-size:12px;color:#9ca3af}
.ayra-modal-cat{background:#1e3a8a33;color:#60a5fa;padding:2px 8px;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.ayra-modal-score{color:#fbbf24}
.ayra-modal-title{font-size:22px;line-height:1.3;margin:0 0 12px;color:#f9fafb}
.ayra-modal-summary{font-size:15px;line-height:1.6;color:#d1d5db;margin:0 0 16px}
.ayra-modal-source{color:#0ea5e9;text-decoration:none;font-weight:600;display:inline-block;margin-bottom:14px}
.ayra-modal-source:hover{text-decoration:underline}
.ayra-modal-section{margin-top:16px;border-top:1px solid #1f2937;padding-top:14px}
.ayra-modal-h{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin:0 0 10px}
.ayra-modal-entities{display:flex;flex-wrap:wrap;gap:6px}
.ayra-modal-chip{background:#1f2937;color:#d1d5db;padding:4px 10px;border-radius:999px;font-size:12px}
.ayra-modal-related{display:block;color:#d1d5db;text-decoration:none;padding:6px 0;font-size:14px;border-bottom:1px solid #111827}
.ayra-modal-related:hover{color:#0ea5e9}
.ayra-modal-footer{margin-top:18px}
.ayra-modal-go{display:inline-block;background:#0ea5e9;color:#0a0a0a;font-weight:700;padding:10px 18px;border-radius:8px;text-decoration:none}
.ayra-modal-go:hover{background:#38bdf8}
.ayra-modal-loading,.ayra-modal-error{padding:30px;text-align:center;color:#9ca3af}
.ayra-modal-error{color:#f87171}

/* === AYRA SUBSCRIPTION === */
.ayra-sub-content{padding:20px;max-width:1200px;margin:0 auto}
.ayra-trial-banner{background:linear-gradient(135deg,#0ea5e9,#a855f7);border-radius:14px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#fff}
.ayra-trial-title{font-size:20px;font-weight:700;margin-bottom:4px}
.ayra-trial-desc{font-size:14px;opacity:.95}
.ayra-trial-badge{background:rgba(255,255,255,.2);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.05em}
.ayra-user-box{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:18px 22px;margin-bottom:24px}
.ayra-user-title{font-size:14px;color:#9ca3af;margin:0 0 6px;text-transform:uppercase;letter-spacing:.05em}
.ayra-user-email{font-size:18px;color:#f9fafb;font-weight:600;margin-bottom:4px}
.ayra-user-tier{font-size:14px;color:#0ea5e9;margin-bottom:4px}
.ayra-user-trial{font-size:13px;color:#9ca3af;margin-bottom:12px}
.ayra-logout-btn{background:#1f2937;color:#e5e7eb;border:1px solid #374151;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:13px}
.ayra-logout-btn:hover{background:#374151}
.ayra-auth-box{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:24px;max-width:420px;margin:0 auto 24px}
.ayra-auth-title{font-size:20px;color:#f9fafb;margin:0 0 16px;text-align:center}
.ayra-auth-form{display:flex;flex-direction:column;gap:10px}
.ayra-auth-input{background:#0b1220;border:1px solid #1f2937;border-radius:8px;padding:12px 14px;color:#e5e7eb;font-size:14px;outline:none}
.ayra-auth-input:focus{border-color:#0ea5e9}
.ayra-auth-submit{background:#0ea5e9;color:#0a0a0a;border:0;border-radius:8px;padding:12px;font-weight:700;font-size:15px;cursor:pointer}
.ayra-auth-submit:hover{background:#38bdf8}
.ayra-auth-submit:disabled{opacity:.6;cursor:not-allowed}
.ayra-auth-msg{font-size:13px;text-align:center;min-height:18px;color:#9ca3af}
.ayra-auth-msg.ok{color:#22c55e}
.ayra-auth-msg.err{color:#f87171}
.ayra-section-title{font-size:22px;color:#f9fafb;margin:0 0 8px}
.ayra-tier-info{font-size:14px;color:#fbbf24;background:#78350f33;border-left:3px solid #f59e0b;padding:10px 14px;border-radius:6px;margin-bottom:20px}
.ayra-tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}
.ayra-tier-card{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:20px;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}
.ayra-tier-card:hover{transform:translateY(-2px);border-color:#334155}
.ayra-tier-card.current{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e933}
.ayra-tier-card.premium{background:linear-gradient(135deg,#111827,#1e1b4b)}
.ayra-tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ayra-tier-name{font-size:16px;color:#f9fafb;margin:0;font-weight:700}
.ayra-tier-badge{background:#0ea5e9;color:#0a0a0a;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.05em}
.ayra-tier-price{margin-bottom:14px}
.ayra-tier-amount{font-size:26px;font-weight:700;color:#0ea5e9}
.ayra-tier-period{font-size:13px;color:#9ca3af;margin-left:2px}
.ayra-tier-features{list-style:none;padding:0;margin:0 0 16px;flex:1}
.ayra-tier-feature{font-size:13px;color:#d1d5db;padding:4px 0;line-height:1.4}
.ayra-tier-btn{background:#1f2937;color:#e5e7eb;border:1px solid #374151;border-radius:8px;padding:10px;font-weight:600;font-size:13px;cursor:pointer}
.ayra-tier-btn:not(:disabled):hover{background:#0ea5e9;color:#0a0a0a;border-color:#0ea5e9}
.ayra-tier-btn:disabled{opacity:.5;cursor:not-allowed}
.ayra-sub-error{background:#7f1d1d33;color:#f87171;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:13px}

/* === ANALYSES PANEL === */
.analyses-panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 8px 0 32px;
}
.an-header h2 { margin: 0 0 4px; font-size: 26px; }
.an-subtitle { color: #94a3b8; margin: 0 0 16px; font-size: 13px; }

.an-metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}
.an-metric-card {
    background: linear-gradient(135deg, #0f2237 0%, #0a1a2e 100%);
    border-left: 3px solid #0ea5e9;
    border-radius: 8px;
    padding: 12px 14px;
    min-height: 70px;
}
.an-metric-value {
    font-size: 22px;
    font-weight: 700;
    color: #f1f5f9;
    line-height: 1.1;
}
.an-metric-label {
    font-size: 11px;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 6px;
}
.an-metric-sub { font-size: 10px; color: #64748b; }

.an-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
@media (max-width: 900px) {
    .an-grid-2 { grid-template-columns: 1fr; }
}

.an-box {
    background: #0a1a2e;
    border: 1px solid #1e3a5f;
    border-radius: 10px;
    padding: 16px 18px;
}
.an-box h3 {
    margin: 0 0 14px;
    font-size: 15px;
    color: #cbd5e1;
    font-weight: 600;
}

.an-bar-row {
    display: grid;
    grid-template-columns: 90px 1fr 60px;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    font-size: 12px;
}
.an-bar-label { color: #94a3b8; text-transform: capitalize; }
.an-bar-wrap {
    background: #0f2237;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
}
.an-bar-fill {
    height: 100%;
    border-radius: 4px;
    transition: width 0.4s ease;
}
.an-bar-value { color: #f1f5f9; text-align: right; font-weight: 600; }

.an-donut-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 220px;
    margin: 0 auto 14px;
}
.an-donut {
    width: 100% !important;
    max-width: 200px;
    height: auto;
    display: block;
}
.an-legend {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12px;
}
.an-legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #cbd5e1;
}
.an-legend-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.an-chart {
    width: 100%;
    max-height: 240px;
    display: block;
}

.an-entity-list { display: flex; flex-direction: column; gap: 6px; }
.an-entity-row {
    display: grid;
    grid-template-columns: 32px 1fr auto auto;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    border-radius: 6px;
    background: #0f2237;
    font-size: 12px;
}
.an-entity-rank { color: #64748b; font-weight: 700; }
.an-entity-name { color: #f1f5f9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.an-entity-type {
    background: #1e3a5f;
    color: #7dd3fc;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    text-transform: uppercase;
}
.an-entity-count { color: #94a3b8; font-size: 11px; }

.an-loading, .an-empty, .an-error {
    text-align: center;
    padding: 40px;
    color: #94a3b8;
    font-size: 14px;
}
.an-error { color: #ef4444; }

/* === AYRA Analiz Et butonu — küçük === */
.ayra-analysis-btn {
    display: inline-block !important;
    padding: 2px 7px !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    border-radius: 4px !important;
    margin-top: 3px !important;
    margin-left: 4px !important;
    background: linear-gradient(135deg, #0ea5e9, #0284c7) !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 1px 3px rgba(14,165,233,0.2) !important;
    vertical-align: middle !important;
}
.ayra-analysis-btn:hover {
    transform: translateY(-1px) !important;
}


/* === HERO PLANET === */
.hero-planet-wrap {
    position: relative;
    z-index: 5;
    padding: 20px 0 0;
    width: 100%;
}
.hero-planet-indicators {
    display: flex;
    justify-content: center;
    width: 100%;
}
.hero-planet-indicators > div {
    display: flex;
    gap: 14px;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 8px 0;
}

/* === HERO QUOTE === */
.hero-quote-wrap {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 28px 20px 16px;
    width: 100%;
    text-align: center;
    flex-wrap: wrap;
    margin-top: 8px;
}
.hero-quote-wrap .hq-symbol {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 52px;
    color: #0ea5e9;
    line-height: 0.8;
    font-weight: 700;
    text-shadow: 0 0 20px rgba(14, 165, 233, 0.8), 0 0 40px rgba(14, 165, 233, 0.5);
}
.hero-quote-wrap .hq-text {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 1.4;
    background: linear-gradient(135deg, #7dd3fc 0%, #ffffff 50%, #7dd3fc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 12px rgba(14, 165, 233, 0.7));
    padding: 0 6px;
    display: inline-block;
}
@media (max-width: 900px) {
    .hero-quote-wrap .hq-text { font-size: 18px; }
    .hero-quote-wrap .hq-symbol { font-size: 42px; }
}
@media (max-width: 600px) {
    .hero-quote-wrap .hq-text { font-size: 15px; }
    .hero-quote-wrap .hq-symbol { font-size: 32px; }
    .hero-quote-wrap { gap: 8px; padding: 20px 12px 12px; }
    .hero-planet-indicators > div { gap: 8px !important; }
}

/* ===== MARKET GRID (kompakt) + AD SLOT ===== */
.markets-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 16px;
    margin-top: 12px;
}
@media (max-width: 900px) {
    .markets-layout { grid-template-columns: 1fr; }
}

.market-data-list,
.mk-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

.mk-card {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px 12px;
    background: rgba(3, 15, 27, 0.55);
    border: 1px solid rgba(124, 242, 237, 0.12);
    border-radius: 8px;
    transition: border-color 0.15s ease, background 0.15s ease, transform 0.1s ease;
    min-height: 72px;
}
.mk-card:hover {
    border-color: rgba(124, 242, 237, 0.4);
    background: rgba(3, 15, 27, 0.8);
    transform: translateY(-1px);
}
.mk-top {
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}
.mk-code {
    font-family: ui-monospace, "SF Mono", Consolas, monospace;
    font-weight: 700;
    font-size: 12px;
    color: #7cf2ed;
    letter-spacing: 0.4px;
    white-space: nowrap;
}
.mk-label {
    font-size: 10.5px;
    color: #8a96a8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mk-price {
    font-family: ui-monospace, "SF Mono", Consolas, monospace;
    font-weight: 700;
    font-size: 13.5px;
    color: #f0f6fc;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mk-change {
    font-family: ui-monospace, "SF Mono", Consolas, monospace;
    font-size: 10.5px;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 4px;
    text-align: center;
    font-variant-numeric: tabular-nums;
    align-self: flex-start;
    white-space: nowrap;
}
.mk-change.up   { color: #4ade80; background: rgba(74, 222, 128, 0.14); }
.mk-change.down { color: #f87171; background: rgba(248, 113, 113, 0.14); }

@media (max-width: 640px) {
    .market-data-list, .mk-grid {
        grid-template-columns: repeat(auto-fit, minmax(105px, 1fr)) !important;
    }
    .mk-price { font-size: 12px; }
}

/* Reklam / sponsor slotu */
.ad-slot,
.markets-aside-slot {
    display: flex;
    min-height: 220px;
    padding: 20px;
    background: linear-gradient(135deg, rgba(3, 15, 27, 0.55), rgba(10, 25, 45, 0.55));
    border: 1px dashed rgba(124, 242, 237, 0.25);
    border-radius: 10px;
    color: #8a96a8;
    font-size: 12.5px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 8px;
}
@media (max-width: 900px) {
    .ad-slot, .markets-aside-slot { display: none; }
}
.ad-slot-label {
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #4a5568;
}
.ad-slot-inner {
    font-size: 13px;
    color: #94a3b8;
    font-weight: 500;
    line-height: 1.5;
}
.ad-slot-cta {
    margin-top: 8px;
    font-size: 11.5px;
    color: #7cf2ed;
    letter-spacing: 0.3px;
}

/* === FIX PAKETI 44: kategori / dunya / alt-3 === */

/* 1. KATEGORI BAR - tasma fix */
.category-slot {
    grid-column: 1 !important;
    grid-row: 3 !important;
    min-height: auto !important;
    padding: 12px 0 !important;
    overflow: visible !important;
}
.category-ribbon {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 10px !important;
    overflow: visible !important;
}
.cat-btn {
    padding: 7px 14px !important;
    font-size: 0.78rem !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

/* 2. DUNYA GENELINDE DURUM - cakisma fix */
.global-slot {
    grid-column: 2 !important;
    grid-row: 3 !important;
    min-height: auto !important;
    padding: 14px 16px !important;
    overflow: hidden !important;
}
.global-slot > dl {
    display: none !important;
}
.world-grid {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    background: transparent !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 12px 0 0 !important;
    opacity: 1 !important;
}
.home-world-stat {
    text-align: center !important;
    padding: 10px 8px !important;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.14), rgba(14, 165, 233, 0.04)) !important;
    border: 1px solid rgba(14, 165, 233, 0.22) !important;
    border-radius: 8px !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
}
.home-world-value {
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: #38bdf8 !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" !important;
    letter-spacing: 0.4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.1 !important;
}
.home-world-label {
    font-size: 0.68rem !important;
    color: #94aec2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
}

/* 3. ALT 3 KUTU (Premium / Destek / Odeme) - dengeli grid */
.commercial-row {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 10px !important;
    align-items: stretch !important;
}
.commerce-card {
    min-height: 120px !important;
    padding: 14px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 8px !important;
}
.commerce-card h3 {
    margin: 0 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: #eaf8ff !important;
}
.commerce-card p {
    margin: 0 !important;
    font-size: 0.78rem !important;
    color: #94aec2 !important;
    line-height: 1.4 !important;
}
.commerce-card button {
    align-self: flex-start !important;
    padding: 6px 14px !important;
    min-height: 30px !important;
    font-size: 0.78rem !important;
    border-radius: 6px !important;
}

/* MOBIL uyum */
@media (max-width: 900px) {
    .global-slot,
    .category-slot {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }
    .commercial-row {
        grid-template-columns: 1fr !important;
    }
    .home-world-value {
        font-size: 1.2rem !important;
    }
    .cat-btn {
        padding: 6px 11px !important;
        font-size: 0.72rem !important;
    }
}

/* ============ AYRA CENTRAL CARD ACTIONS (tum kartlarda 🌐 + 🔍) ============ */
[data-story-id] {
    position: relative;
}
.ayra-card-actions {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    gap: 4px;
    z-index: 3;
    pointer-events: auto;
}
.ayra-card-action-btn {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid rgba(124, 242, 237, 0.32);
    background: rgba(3, 15, 27, 0.82);
    color: #7cf2ed;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background 0.15s, border-color 0.15s, transform 0.1s;
    font-family: inherit;
    backdrop-filter: blur(4px);
}
.ayra-card-action-btn:hover {
    background: rgba(14, 165, 233, 0.28);
    border-color: #0ea5e9;
    transform: scale(1.08);
}
.ayra-card-action-btn:disabled {
    cursor: wait;
    opacity: 0.55;
}
.ayra-card-action-btn[data-state="ok"] {
    background: rgba(74, 222, 128, 0.18);
    border-color: #4ade80;
    color: #4ade80;
}
/* Yatay (flex-row) kart tiplerinde padding reservasyonu */
.home-list-row,
.news-related-card,
.crypto-related-item,
.entity-suggestion-item {
    padding-right: 78px !important;
}

/* ============ AYRA MENU OVERLAP FIX ============ */
/* Ust bar ve workspace tabs cakismasini onler */
.shell-header,
.top-bar,
.workspace-header,
header.shell-header {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 14px !important;
}
.workspace-tabs {
    flex-wrap: wrap !important;
    flex-shrink: 0 !important;
    gap: 4px !important;
    max-width: 100% !important;
}
.top-globe,
.identity-state,
.top-future-icon {
    flex-shrink: 0 !important;
}
/* Cok dar ekranda workspace tabs alta sarksin */
@media (max-width: 1100px) {
    .workspace-tabs {
        width: 100% !important;
        order: 99 !important;
    }
}

/* ============ AYRA OLD BUTTON HIDE ============ */
/* data-story-id kartlarinda sadece bizim butonlar gorunur */
[data-story-id] > button:not(.ayra-card-action-btn),
[data-story-id] > * > button:not(.ayra-card-action-btn),
[data-story-id] > a:not(.ayra-card-action-btn):not([data-story-id]):not([href]),
[data-story-id] [class*="analyze-btn"],
[data-story-id] [class*="analysis-btn"] {
    display: none !important;
}

/* ============ AYRA ROBOT CLEAN (Paket 67) ============ */
/* Presenter/hero alaninda sadece robot yuzu kalsin, haber item'lari gizlensin. */
/* Canli brief panelindeki "CANLI 24s ..." ve haber basliklari gizlenir. */
.briefing-presenter .briefing-item,
.briefing-presenter .briefing-headlines,
.briefing-presenter .briefing-cat,
.briefing-presenter .briefing-title,
.briefing-presenter .briefing-list,
.briefing-presenter .briefing-status,
.briefing-presenter .briefing-live,
.briefing-presenter .briefing-meta,
.briefing-presenter .briefing-content,
.briefing-presenter .briefing-content-inner,
.briefing-presenter [data-briefing-status],
.briefing-presenter [class*="briefing-"]:not([class*="presenter"]),
.live-briefing .briefing-item,
.live-briefing .briefing-cat,
.live-briefing .briefing-title,
.live-briefing .briefing-headlines,
.ayra-presenter .briefing-item,
.ayra-presenter .briefing-cat,
.ayra-presenter .briefing-title,
.ayra-presenter .briefing-headlines,
.hero-presenter .briefing-item,
.hero-presenter .briefing-cat,
.hero-presenter .briefing-title,
[data-presenter] .briefing-item,
[data-presenter] .briefing-cat,
[data-presenter] .briefing-title,
[data-presenter] [class*="briefing-"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}
/* Canli panel genel olarak gizle - avatar haric */
.live-briefing-content [class*="briefing-"]:not([class*="presenter"]):not([class*="face"]):not([class*="avatar"]),
.sidebar-briefing [class*="briefing-"]:not([class*="presenter"]):not([class*="face"]):not([class*="avatar"]) {
    display: none !important;
}

/* ============ AYRA BRIEFING HIDE CONTENT (Paket 69) ============ */
/* Sadece robot yuzu kalsin, sagdaki panel icerigi tamamen gizlensin. */
.briefing-slot .briefing-content,
.briefing-content[data-home-section="briefing"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Presenter (robot yuzu) full alan kaplasin, ortada kalsin */
.briefing-slot {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 0 !important;
}
.briefing-slot .briefing-presenter {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    z-index: 1 !important;
}
.briefing-slot .briefing-presenter img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
}

/* ============ AYRA WORLD STAT HIDE (Paket 70) ============ */
/* Dunya Genelinde Durum ve benzeri istatistik kutularina buton eklenmesin. */
.home-world-stat .ayra-card-actions,
.world-grid .ayra-card-actions,
.mk-card .ayra-card-actions,
.home-metric .ayra-card-actions,
.planet-indicator .ayra-card-actions,
.hero-planet-indicators .ayra-card-actions,
.agent-metric-card .ayra-card-actions,
.news-metric-card .ayra-card-actions,
.timeline-metric-card .ayra-card-actions,
.pipeline-metric-card .ayra-card-actions {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}
.home-world-stat,
.world-grid {
    position: static !important;
}

/* ============ AYRA HOME WORKSPACE FINAL (2026-10-04) ============ */
/* Tek otoriter home layout katmani. Eski paket override'larinin uzerine gelir. */

html, body { overflow-x: hidden; }

.ayra-layout {
    grid-template-columns: clamp(210px, 13.5vw, 236px) minmax(0, 1fr) !important;
}
.ayra-sidebar {
    width: auto !important;
    min-width: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(67,230,255,.35) transparent;
}
.ayra-sidebar::-webkit-scrollbar { width: 6px; }
.ayra-sidebar::-webkit-scrollbar-thumb { background: rgba(67,230,255,.30); border-radius: 999px; }
.ayra-content {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 8px clamp(12px, 1.2vw, 22px) 18px !important;
}
.ayra-identity {
    min-height: 54px !important;
    height: auto !important;
    margin-bottom: 10px !important;
}
.workspace-tabs { min-width: 0 !important; }
.workspace-tabs button,
.workspace-tabs span {
    min-width: clamp(96px, 7.5vw, 132px) !important;
}

#home-view {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    grid-auto-flow: row !important;
    grid-auto-rows: auto !important;
    gap: 12px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
}
#home-view > * { min-width: 0 !important; box-sizing: border-box !important; }

#home-view > .research-hero {
    grid-column: 1 / 10 !important;
    grid-row: 1 !important;
    height: 320px !important;
    min-height: 320px !important;
    margin: 0 !important;
    border: 1px solid rgba(46,197,255,.36) !important;
    box-shadow: inset 0 0 28px rgba(23,157,219,.05), 0 0 14px rgba(0,174,255,.06) !important;
    overflow: hidden !important;
}
#home-view > .live-slots { display: contents !important; }
#home-view .briefing-slot {
    grid-column: 10 / 13 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 320px !important;
    min-height: 320px !important;
    margin: 0 !important;
    align-self: stretch !important;
    border: 1px solid rgba(46,197,255,.36) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #04111f !important;
}
.hero-planet-wrap { display: none !important; }
.hero-quote-wrap {
    position: absolute !important;
    inset: auto 20px 28px 20px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border-radius: 10px !important;
    background: linear-gradient(90deg, rgba(2,12,24,.86), rgba(2,12,24,.38), rgba(2,12,24,.86)) !important;
    backdrop-filter: blur(3px);
}
.hero-quote-wrap .hq-text {
    font-size: clamp(17px, 1.45vw, 24px) !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    color: #dff8ff !important;
    text-shadow: 0 2px 12px #020a13 !important;
}
.hero-quote-wrap .hq-symbol { color: #25cfff !important; font-size: 28px !important; }

.briefing-slot .briefing-presenter {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
}
.briefing-slot .briefing-presenter img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 18% !important;
    transform: none !important;
    filter: brightness(.82) saturate(1.08) !important;
}
.briefing-slot .briefing-content,
.briefing-content[data-home-section="briefing"] {
    display: flex !important;
    visibility: visible !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    width: auto !important;
    height: auto !important;
    box-sizing: border-box !important;
    padding: 14px !important;
    margin: 0 !important;
    overflow: hidden !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    gap: 7px !important;
    background: linear-gradient(0deg, rgba(2,10,19,.97) 0%, rgba(2,10,19,.82) 31%, rgba(2,10,19,.16) 67%, transparent 100%) !important;
    pointer-events: none;
}
.briefing-slot .briefing-content > .eyebrow,
.briefing-slot .briefing-content > h2,
.briefing-slot .briefing-content > p:not(.eyebrow),
.briefing-slot .briefing-checks,
.briefing-slot .briefing-controls,
.briefing-slot .briefing-categories {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    visibility: visible !important;
}
.briefing-slot .briefing-content > .eyebrow { display: inline-flex !important; align-self: flex-start; }
.briefing-slot .briefing-content > h2 { display: block !important; font-size: 14px !important; }
.briefing-slot .briefing-content > p:not(.eyebrow) {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    color: #c9e6f6 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}
.briefing-slot .briefing-checks {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 4px 8px !important;
    font-size: 9px !important;
    color: #c9e6f6 !important;
}
.briefing-slot .briefing-controls,
.briefing-slot .briefing-wave,
.briefing-slot .briefing-categories { display: none !important; }

#home-view > .public-briefs {
    grid-column: 1 / 10 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 2.15fr) minmax(240px, .85fr) !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 0 !important;
    align-items: stretch !important;
}
#home-view > .government-slot {
    grid-column: 10 / 13 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    align-self: stretch !important;
}
.public-briefs > .news-slot,
.public-briefs > .official-slot,
#home-view > .government-slot {
    height: 100% !important;
    min-width: 0 !important;
}
.news-slot[data-home-section="highlights"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    align-content: start !important;
}
.home-section-head {
    grid-column: 1 / -1;
    min-height: 28px;
    display: flex;
    align-items: center;
    padding: 0 2px 7px;
    border-bottom: 1px solid rgba(46,197,255,.15);
    color: #eaf8ff;
    font-size: 13px;
    font-weight: 700;
}
.home-headline-card {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 11px 76px 10px 13px !important;
    border: 1px solid rgba(46,197,255,.18) !important;
    border-left: 3px solid #0ea5e9 !important;
    border-radius: 8px !important;
    background: rgba(7,31,53,.82) !important;
    box-shadow: none !important;
    transform: none !important;
}
.home-headline-card:hover { background: rgba(10,45,74,.94) !important; transform: translateY(-1px) !important; }
.home-headline-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
    margin: 0 0 5px !important;
    font-size: .90rem !important;
    line-height: 1.35 !important;
}
.home-headline-summary {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
    min-height: 2.55em;
    margin: 0 0 6px !important;
    font-size: .76rem !important;
    line-height: 1.3 !important;
}
.home-list-row {
    min-width: 0 !important;
    min-height: 54px !important;
    margin: 0 0 7px !important;
    padding: 9px 74px 9px 11px !important;
    border: 1px solid rgba(46,197,255,.17) !important;
    border-radius: 7px !important;
    background: rgba(7,31,53,.78) !important;
}
.home-list-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden !important;
    padding-right: 7px !important;
    font-size: .80rem !important;
    line-height: 1.32 !important;
}
.home-list-time { flex: 0 0 auto !important; align-self: center; }

#home-view > .category-slot {
    grid-column: 1 / 10 !important;
    grid-row: 3 !important;
    min-height: 0 !important;
    padding: 12px !important;
}
#home-view > .global-slot {
    grid-column: 10 / 13 !important;
    grid-row: 3 !important;
    min-height: 0 !important;
    padding: 12px !important;
    align-self: stretch !important;
}
.category-ribbon {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)) !important;
    gap: 7px !important;
    overflow: visible !important;
    margin-top: 8px !important;
    padding: 0 !important;
}
.cat-btn {
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 7px 8px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.18 !important;
}
.world-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    height: auto !important;
    margin: 7px 0 0 !important;
}
.home-world-stat { min-height: 66px !important; padding: 8px 6px !important; }
.home-world-value { font-size: clamp(1.05rem, 1.35vw, 1.35rem) !important; }
.home-world-label { font-size: .62rem !important; }

#home-view .markets-slot {
    grid-column: 1 / 13 !important;
    grid-row: 4 !important;
    min-height: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
}
#home-view .markets-slot .markets-layout { display: block !important; }
#home-view .markets-slot .market-grid-visual { height: 24px !important; margin-bottom: 9px !important; }
#home-view .markets-slot .mk-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)) !important;
    gap: 8px !important;
}
#home-view > .commercial-row {
    grid-column: 1 / 13 !important;
    grid-row: 5 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
    align-items: stretch !important;
}
#home-view > .commercial-row > .commerce-card { height: 100% !important; min-height: 118px !important; }
#home-view > .platform-strip {
    grid-column: 1 / 13 !important;
    grid-row: 6 !important;
    margin: 0 !important;
    min-height: 52px !important;
}
#home-view > .home-info {
    grid-column: 1 / 13 !important;
    grid-row: 7 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
}
#home-view > .home-info > .research-card {
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
}

.news-slot, .official-slot, .government-slot, .category-slot,
.global-slot, .markets-slot, .commerce-card, .home-info .research-card {
    border-color: rgba(46,197,255,.25) !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, rgba(6,24,42,.97), rgba(4,18,33,.95)) !important;
    box-shadow: inset 0 0 18px rgba(23,157,219,.035), 0 0 12px rgba(0,174,255,.035) !important;
    overflow: hidden !important;
}

@media (max-width: 1100px) {
    .workspace-tabs { width: 100% !important; order: 99 !important; overflow-x: auto !important; flex-wrap: nowrap !important; }
    #home-view { display: flex !important; flex-direction: column !important; gap: 10px !important; }
    #home-view > .research-hero { order: 1; width: 100% !important; height: 300px !important; min-height: 300px !important; }
    #home-view > .home-info { order: 9; width: 100% !important; }
    #home-view > .live-slots { order: 2; display: flex !important; flex-direction: column !important; gap: 10px !important; width: 100% !important; }
    #home-view .briefing-slot { order: 1; width: 100% !important; height: 300px !important; min-height: 300px !important; }
    #home-view .markets-slot { order: 2; width: 100% !important; }
    #home-view > .public-briefs { order: 3; width: 100% !important; }
    #home-view > .government-slot { order: 4; width: 100% !important; }
    #home-view > .category-slot { order: 5; width: 100% !important; }
    #home-view > .global-slot { order: 6; width: 100% !important; }
    #home-view > .commercial-row { order: 7; width: 100% !important; }
    #home-view > .platform-strip { order: 8; width: 100% !important; }
}

@media (max-width: 800px) {
    .ayra-layout { display: block !important; }
    .ayra-sidebar { position: static !important; width: 100% !important; height: auto !important; max-height: none !important; overflow: visible !important; }
    .ayra-nav { display: flex !important; overflow-x: auto !important; gap: 4px !important; }
    .ayra-nav-button { flex: 0 0 auto !important; width: auto !important; min-height: 42px !important; }
    .language-control { margin-top: 6px !important; }
    .language-list, .sidebar-earth, .sidebar-motto { display: none !important; }
    .ayra-content { padding: 8px 10px 16px !important; }
    .public-briefs { grid-template-columns: 1fr !important; }
    .commercial-row { grid-template-columns: 1fr !important; }
    .home-info { grid-template-columns: 1fr !important; }
}

@media (max-width: 620px) {
    .research-hero { min-height: 250px !important; height: 250px !important; }
    .hero-quote-wrap { inset: auto 10px 14px 10px !important; padding: 9px 10px !important; }
    .hero-quote-wrap .hq-text { font-size: 15px !important; }
    .briefing-slot { min-height: 270px !important; height: 270px !important; }
    .briefing-slot .briefing-checks { grid-template-columns: 1fr !important; }
    .news-slot[data-home-section="highlights"] { grid-template-columns: 1fr !important; }
    .category-ribbon { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
    .world-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}

#home-view.ayra-home-v8[hidden] {
    display: none !important;
}

/* === AYRA PLANET WEEKLY (CHG-20261006-002) === */
.planet-weekly { margin-top: 32px; display: grid; gap: 20px; }
.planet-weekly-section {
  background: linear-gradient(135deg, #0f2237, #0a1a2e);
  border: 1px solid #1e3a5f;
  border-radius: 14px;
  padding: 20px 24px;
}
.planet-weekly-title {
  font-size: 18px; color: #f1f5f9; margin: 0 0 6px; font-weight: 600;
}
.planet-weekly-sub {
  font-size: 12px; color: #64748b; margin: 0 0 18px;
}
.planet-weekly-note {
  font-size: 11px; color: #64748b; font-style: italic; margin-top: 10px;
}
.planet-story-list { display: grid; gap: 8px; }
.planet-story-card {
  background: rgba(15, 34, 55, 0.6);
  border-left: 3px solid #0ea5e9;
  border-radius: 6px;
  padding: 10px 14px;
}
.planet-story-title {
  font-size: 13px; color: #e2e8f0; margin-bottom: 4px; line-height: 1.4;
}
.planet-story-meta {
  font-size: 11px; color: #64748b; display: flex; gap: 12px; flex-wrap: wrap;
}
.planet-story-tier {
  font-weight: 600; padding: 1px 6px; border-radius: 3px; font-size: 10px;
}
.planet-story-tier.critical { background: rgba(239,68,68,0.2); color: #f87171; }
.planet-story-tier.high     { background: rgba(245,158,11,0.2); color: #fbbf24; }
.planet-risks-header {
  font-size: 13px; color: #94a3b8; margin-bottom: 12px;
}
.planet-risks-header strong { color: #f87171; }
.planet-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 12px;
}
.planet-stat-card {
  background: rgba(15, 34, 55, 0.6);
  border: 1px solid #1e3a5f;
  border-radius: 8px;
  padding: 12px 14px;
  text-align: center;
}
.planet-stat-value {
  font-size: 22px; font-weight: 700; color: #0ea5e9; line-height: 1;
}
.planet-stat-label {
  font-size: 10px; color: #94a3b8; margin-top: 6px;
  text-transform: uppercase; letter-spacing: 0.4px;
}
.planet-chart-wrap {
  width: 100%; padding: 12px 0;
  background: rgba(2, 16, 28, 0.5);
  border-radius: 8px;
  overflow: hidden;
}
.planet-chart-svg { width: 100%; height: auto; display: block; max-height: 240px; }
.planet-trend-label {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 10px; padding: 5px 12px;
  border-radius: 6px; font-size: 12px; font-weight: 600;
}
.planet-trend-up     { background: rgba(34,197,94,0.15); color: #22c55e; }
.planet-trend-down   { background: rgba(239,68,68,0.15); color: #ef4444; }
.planet-trend-stable { background: rgba(148,163,184,0.15); color: #94a3b8; }
.planet-empty {
  text-align: center; color: #64748b; font-size: 12px; padding: 20px;
}
/* === END PLANET WEEKLY === */