/* Final reference-inspired visual treatment. No structural or functional rules.
   Fontes e cores vêm dos tokens definidos em styles.css (:root). */

@media screen {
  body {
    background: var(--bg-page) !important;
    color: var(--text-primary);
    font-family: var(--font-body) !important;
    font-size: 14px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }

  .app-shell { background: transparent; }

  body,
  button,
  input,
  select,
  textarea,
  output,
  table,
  summary,
  label,
  small,
  .chart-tooltip,
  .metric-description,
  .metric-calculation,
  .scenario-row,
  .summary-row {
    font-family: var(--font-body) !important;
  }

  h1,
  h2,
  h3,
  h4,
  .hero-panel h2,
  .panel-title h3,
  .editor-head h2,
  .market-hero-card h4,
  .metric-modal-head h2 {
    font-family: var(--font-heading) !important;
    font-weight: 500 !important;
  }

  strong,
  b,
  output,
  .hero-value,
  .scenario-numbers,
  .bar-row b,
  .financial-metrics strong,
  .analysis-strip strong {
    font-family: var(--font-number) !important;
    font-variant-numeric: tabular-nums lining-nums;
  }
  .topbar { border-bottom: 1px solid rgba(150, 162, 180, 0.38); padding-bottom: 18px; }
  h1 { color: var(--text-primary); font-family: var(--font-heading) !important; font-size: clamp(34px, 3.5vw, 52px); font-weight: 500 !important; line-height: 0.98; }
  .brand-heading img { filter: grayscale(1) contrast(2); box-shadow: 0 8px 22px rgba(11, 27, 43, 0.09); }

  .eyebrow, .kpis span, .panel-title span, .financial-metrics span,
  .analysis-strip span, .metric-calculation section > span, .flow-chart-legend span {
    color: var(--text-muted);
    font-weight: 600;
    letter-spacing: 0;
  }

  button { min-height: 40px; font-size: 13px; font-weight: 600; }
  .primary { box-shadow: 0 7px 18px rgba(11, 27, 43, 0.11) !important; }
  .editor { background: #ffffff !important; box-shadow: 0 18px 50px rgba(11, 27, 43, 0.065) !important; }
  .editor-head { background: var(--surface-soft); }
  summary { color: var(--text-primary); font-size: 13px; font-weight: 600; }
  label, .editor label { color: var(--text-secondary); font-size: 11px; font-weight: 600; }
  input, select, textarea { min-height: 40px; background: var(--surface-card) !important; font-size: 13px; }

  .hero-panel { background: var(--primary-navy) !important; box-shadow: 0 16px 36px rgba(11, 27, 43, 0.14) !important; }
  .hero-panel h2 { font-size: clamp(27px, 2.5vw, 38px); font-weight: 500 !important; }
  .hero-value strong { font-size: 28px; font-weight: 600; }

  .kpis article, .panel, .study-editor-block, .compare div, .premise-grid > div,
  .financial-metrics > div, .market-kpi-row > div, .market-notes > div {
    border-color: rgba(203, 211, 222, 0.62) !important;
    background: var(--surface-card) !important;
    box-shadow: 0 14px 38px rgba(11, 27, 43, 0.045) !important;
  }

  .kpis article:hover, .panel:hover {
    border-color: rgba(150, 162, 180, 0.8) !important;
    box-shadow: 0 16px 40px rgba(11, 27, 43, 0.065) !important;
  }

  .kpis strong { color: var(--text-primary); font-size: clamp(21px, 1.8vw, 28px); font-weight: 600; }
  .kpis small, .financial-metrics small, .analysis-strip small, .note { color: var(--text-secondary); font-weight: 400; }
  .panel-title { border-bottom-color: rgba(203, 211, 222, 0.55); }
  .panel-title h3 { color: var(--text-primary); font-family: var(--font-heading); font-size: 21px; font-weight: 500; }

  .financial-metrics > div, .analysis-strip > div, .premise-grid > div,
  .market-kpi-row > div, .market-notes > div {
    background: var(--surface-soft) !important;
    box-shadow: none !important;
  }

  .financial-metrics strong, .analysis-strip strong, .market-kpi-row strong { color: var(--text-primary); font-weight: 600; }

  .advanced-panel:has(#advancedToggle[aria-expanded="true"]) .financial-metrics,
  .advanced-panel:has(#advancedToggle[aria-expanded="true"]) .analysis-strip {
    display: grid !important;
  }

  .advanced-panel:has(#advancedToggle[aria-expanded="false"]) .financial-metrics,
  .advanced-panel:has(#advancedToggle[aria-expanded="false"]) .analysis-strip {
    display: none !important;
  }

  #advancedToggle {
    position: relative;
    z-index: 2;
    pointer-events: auto;
  }

  .bar-track, .appreciation-track, .meter { background: var(--surface-muted) !important; box-shadow: inset 0 1px 2px rgba(11, 27, 43, 0.035); }
  .category-segment, .appreciation-track i, .income-bars i, .scenario-bars i, .scenario-bars em { box-shadow: none !important; }
  .donut { box-shadow: 0 12px 24px rgba(11, 27, 43, 0.06); }

  .scenario-row { border-color: rgba(203, 211, 222, 0.62) !important; background: var(--surface-card) !important; }
  .scenario-row:hover { border-color: var(--taupe) !important; box-shadow: 0 10px 24px rgba(11, 27, 43, 0.055) !important; }
  .market-hero-card, .market-kpi-row > div, .market-notes > div { border-color: rgba(203, 211, 222, 0.62) !important; }

  .metric-modal-head { background: var(--primary-navy) !important; }
  .metric-modal-head h2 { font-weight: 500 !important; }
  .metric-modal-head span {
    color: var(--surface-muted) !important;
  }
  .metric-description { color: var(--text-secondary); font-weight: 400; }
  .metric-calculation section { background: var(--surface-soft) !important; }
  .metric-calculation .metric-result { background: var(--accent-wine-soft) !important; border-color: var(--accent-wine) !important; }
  .metric-interpretation { background: var(--surface-soft) !important; border-color: var(--border-strong) !important; }
  .chart-tooltip { border-radius: 8px; background: var(--surface-card) !important; color: var(--text-primary) !important; font-weight: 600; }

  .summary-row.total {
    border-color: var(--accent-wine-line) !important;
    background: var(--accent-wine-soft) !important;
  }

  .summary-row.total b,
  .summary-row.total span {
    color: var(--accent-wine-dark) !important;
  }

  .summary-row.corrected {
    border-color: #bac3cc !important;
    background: var(--primary-navy-soft) !important;
  }

  .summary-row.corrected b,
  .summary-row.corrected span {
    color: var(--text-primary) !important;
  }

  .flow-simulator-card,
  .flow-simulator-card.reinforcement {
    border-color: var(--border-soft) !important;
    border-left-color: var(--accent-wine) !important;
    background: var(--surface-soft) !important;
  }

  .flow-simulator-card.reinforcement {
    border-left-color: var(--text-primary) !important;
  }

  .simulator-result,
  .simulator-result strong,
  .rental-total {
    color: var(--text-primary) !important;
  }

  .season output {
    border: 1px solid var(--accent-wine-line) !important;
    background: var(--accent-wine-soft) !important;
    color: var(--accent-wine-dark) !important;
  }

  .composition-legend i:nth-child(1) { background: var(--primary-navy) !important; }
  .donut { filter: none !important; }

  body[data-view-mode="investor"] .opportunity-summary {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  body[data-view-mode="investor"] .opportunity-summary > article:not(.investor-summary-card) {
    grid-column: span 2;
  }

  body[data-view-mode="investor"] .opportunity-summary > .investor-summary-card {
    grid-column: span 3;
  }
}

@media screen and (max-width: 899px) {
  body[data-view-mode="investor"] .opportunity-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-view-mode="investor"] .opportunity-summary > article:not(.investor-summary-card),
  body[data-view-mode="investor"] .opportunity-summary > .investor-summary-card {
    grid-column: auto;
  }
}

@media screen and (min-width: 900px) {
  body[data-view-mode="investor"]:not(.rental-applied) .opportunity-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-view-mode="investor"]:not(.rental-applied) .opportunity-summary > article:not(.rental-only) {
    grid-column: auto;
  }
}

@media screen and (max-width: 720px) {
  body[data-view-mode="investor"] .opportunity-summary {
    grid-template-columns: 1fr;
  }
}

@media print {
  @page {
    size: A4 portrait;
    /* Sem espaço para o cabeçalho/rodapé automático do Chrome (data, título, caminho e paginação). */
    margin: 5mm 7mm;
  }

  html {
    background-color: var(--surface-card) !important;
    background-image: none !important;
  }

  body {
    background-color: transparent !important;
    background-image: none !important;
    color: var(--text-primary) !important;
    font-family: var(--font-body) !important;
  }

  .dashboard,
  .client-report,
  .report-page {
    background: transparent !important;
    color: var(--text-primary) !important;
    font-family: var(--font-body) !important;
  }

  button,
  input,
  select,
  textarea,
  output,
  table,
  small,
  .print-data-table,
  .print-data-grid,
  .report-kpis,
  .report-financial-grid {
    font-family: var(--font-body) !important;
  }

  strong,
  b,
  output,
  td,
  th {
    font-family: var(--font-number) !important;
    font-variant-numeric: tabular-nums lining-nums;
  }

  .print-client-banner, .report-cover, .print-data-section, .report-section,
  .report-kpis div, .print-data-grid > div, .panel, .kpis article {
    border-color: #d9cfc1 !important;
    background: var(--surface-card) !important;
    box-shadow: none !important;
  }

  .print-client-banner {
    border-left-color: var(--accent-wine) !important;
    background: var(--surface-soft) !important;
  }

  .print-client-banner img,
  .report-brand img {
    filter: none !important;
  }

  .print-client-banner span,
  .print-client-banner small,
  .print-data-grid span,
  .report-kpis span,
  .report-financial-grid span {
    color: #6f6a63 !important;
  }

  .print-data-section h2,
  .report-section h3,
  .panel-title h3 {
    color: var(--text-primary) !important;
    font-family: var(--font-heading) !important;
    font-weight: 500 !important;
  }

  .report-cover h2,
  .hero-panel h2,
  .market-hero-card h4 {
    font-family: var(--font-heading) !important;
    font-weight: 500 !important;
  }

  .print-data-grid > div,
  .report-financial-grid > div {
    border-left-color: var(--accent-wine) !important;
    background: var(--surface-soft) !important;
  }

  .print-data-table th {
    background: var(--surface-muted) !important;
    color: var(--text-primary) !important;
  }

  .print-data-table th,
  .print-data-table td {
    border-bottom-color: #ded4c6 !important;
  }

  .hero-panel,
  .report-cover {
    border-color: var(--text-primary) !important;
    background: var(--primary-navy) !important;
    color: var(--text-inverse) !important;
  }

  .hero-panel *,
  .report-cover * {
    color: inherit !important;
  }

  .metric-acquisition,
  .metric-patrimony,
  .metric-income,
  .metric-strategy,
  .metric-advanced,
  .acquisition-panel,
  .patrimony-panel,
  .operation-panel,
  .strategy-panel,
  .advanced-panel,
  .market-panel,
  .methodology-panel {
    border-top-color: #d9cfc1 !important;
  }

  .summary-row.total {
    border-color: var(--accent-wine-line) !important;
    background: var(--accent-wine-soft) !important;
  }

  .summary-row.total b,
  .summary-row.total span {
    color: var(--accent-wine-dark) !important;
  }

  .season output {
    border-color: var(--accent-wine-line) !important;
    background: var(--accent-wine-soft) !important;
    color: var(--accent-wine-dark) !important;
  }

  .scenario-row.scenario-worst {
    border-color: var(--taupe) !important;
    background: var(--surface-soft) !important;
  }

  .scenario-row.scenario-base {
    border-color: var(--text-primary) !important;
    background: var(--primary-navy-soft) !important;
  }

  .scenario-row.scenario-best {
    border-color: var(--accent-wine) !important;
    background: var(--accent-wine-soft) !important;
  }

  .scenario-row.scenario-worst .scenario-bars i,
  .scenario-row.scenario-worst .scenario-bars em {
    background: var(--taupe) !important;
  }

  .scenario-row.scenario-base .scenario-bars i {
    background: var(--primary-navy) !important;
  }

  .scenario-row.scenario-base .scenario-bars em {
    background: var(--slate) !important;
  }

  .scenario-row.scenario-best .scenario-bars i {
    background: var(--accent-wine) !important;
  }

  .scenario-row.scenario-best .scenario-bars em {
    background: #a64d5c !important;
  }

  .result-stack strong {
    border: 1px solid var(--accent-wine-line) !important;
    background: var(--accent-wine-soft) !important;
    color: var(--accent-wine-dark) !important;
  }

  .market-hero-card,
  .market-kpi-row > div,
  .market-notes > div,
  .market-note-items {
    border-color: #d9cfc1 !important;
    background: var(--surface-card) !important;
    color: var(--text-primary) !important;
  }

  .market-hero-card:first-child {
    border-color: var(--text-primary) !important;
    background: var(--primary-navy) !important;
    color: var(--text-inverse) !important;
  }

  .market-hero-card:first-child * {
    color: var(--text-inverse) !important;
  }

  .market-hero-card.value,
  .market-hero-card.income {
    border-color: var(--accent-wine-line) !important;
    background: var(--surface-soft) !important;
  }

  .market-kpi-row > div {
    border-color: #d9cfc1 !important;
  }

  .market-note-items > p {
    border-left-color: var(--accent-wine) !important;
    background: var(--surface-soft) !important;
  }

  .market-note-items > p:nth-child(even) {
    border-left-color: var(--text-primary) !important;
  }

  .flow-chart-legend i.entry { background: var(--primary-navy) !important; }
  .flow-chart-legend i.installments { background: var(--accent-wine) !important; }
  .flow-chart-legend i.reinforcements { background: var(--taupe) !important; }
  .flow-chart-legend i.keys { background: var(--slate) !important; }
  .flow-chart-legend i.other { background: var(--border-strong) !important; }

  .appreciation-track i {
    background: var(--accent-wine) !important;
  }

  .appreciation-column.delivery .appreciation-track i {
    background: var(--primary-navy) !important;
  }

  .income-bars i,
  .income-bars div:nth-child(3) i {
    background: var(--primary-navy) !important;
  }

  .income-bars div:nth-child(2) i {
    background: var(--accent-wine) !important;
  }

  .meter span {
    background: var(--accent-wine) !important;
  }

  .print-watermark {
    position: fixed !important;
    z-index: 2147483000 !important;
    inset: -5mm -7mm !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    filter: none !important;
    pointer-events: none !important;
    overflow: hidden !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .print-watermark .watermark-wordmark {
    display: none !important;
  }

  .print-watermark-page {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: fill !important;
    max-width: none !important;
    user-select: none !important;
  }

  .print-watermark-vector {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
  }

  body::before {
    content: none !important;
    display: none !important;
  }

  .app-shell,
  .workspace,
  .dashboard,
  .print-client-banner,
  .print-input-overview,
  .hero-panel,
  .kpis,
  .content-grid {
    position: relative;
    z-index: 2;
  }

  .app-shell {
    background: transparent !important;
  }
}

/* ============================================================
   Modern light-dashboard overlay (redesign 2026-07)
   Carregado por último: arredondamento amplo, sombras difusas,
   acento coral, tipografia Sora/Inter.
   ============================================================ */
@media screen {
  body {
    background: linear-gradient(180deg, #f8f5fc 0%, #f1ebf8 60%, #ece4f5 100%) !important;
  }

  h1,
  h2,
  h3,
  h4,
  .hero-panel h2,
  .panel-title h3,
  .editor-head h2,
  .market-hero-card h4,
  .metric-modal-head h2 {
    font-weight: 700 !important;
    letter-spacing: -0.02em;
  }

  h1 {
    font-size: clamp(24px, 2.3vw, 34px);
    line-height: 1.1;
  }

  .hero-panel h2 { font-size: clamp(22px, 2vw, 30px); }
  .panel-title h3 { font-size: 17px; }
  .editor-head h2 { font-size: 19px; }

  .eyebrow,
  .kpis span,
  .panel-title span,
  .financial-metrics span,
  .analysis-strip span,
  .premise-grid span,
  .market-kpi-row span,
  .indexation-highlights span {
    font-size: 10.5px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
  }

  .panel,
  .kpis article,
  .editor,
  .study-editor-block,
  .market-hero-card,
  .metric-modal,
  .payment-modal,
  .client-name-modal {
    border-radius: 20px !important;
  }

  .panel,
  .kpis article,
  .editor {
    border: 1px solid rgba(227, 232, 238, 0.9) !important;
    box-shadow: 0 22px 48px rgba(20, 26, 38, 0.07), 0 2px 8px rgba(20, 26, 38, 0.04) !important;
  }

  .compare div,
  .premise-grid > div,
  .financial-metrics > div,
  .analysis-strip > div,
  .market-kpi-row > div,
  .market-notes > div,
  .indexation-highlights > div,
  .flow-preview-head div,
  .study-editor-block,
  .scenario-row,
  .flow-simulator-card,
  .market-note-items > p {
    border-radius: 14px !important;
  }

  .hero-panel {
    border: 0 !important;
    border-radius: 22px !important;
    background: linear-gradient(130deg, #241039 0%, #3a185a 62%, #55267f 100%) !important;
    box-shadow: 0 26px 54px rgba(45, 18, 72, 0.28) !important;
  }

  .hero-value strong { color: #ffffff; }
  .hero-panel .eyebrow, .hero-value span { color: #93a0b5; }

  button { border-radius: 12px !important; }
  .primary {
    background: linear-gradient(135deg, #9344f7, #6f28c8) !important;
    box-shadow: 0 10px 22px rgba(111, 40, 200, 0.24) !important;
  }
  .simulator-use { border-radius: 10px !important; }
  .view-switch { border-radius: 14px !important; overflow: hidden; }
  .collapse-toggle { border-radius: 999px !important; }

  input, select, textarea {
    border-radius: 10px !important;
    border-color: var(--border-soft) !important;
  }

  input:focus, select:focus, textarea:focus {
    outline: 2px solid var(--accent-wine-soft);
    border-color: var(--accent-wine) !important;
  }

  .bar-track,
  .appreciation-track,
  .meter {
    border-radius: 999px !important;
  }

  .bar-track { height: 26px; }

  .meter span,
  .appreciation-track i {
    background: linear-gradient(90deg, #b876ff, #9344f7) !important;
    border-radius: 999px !important;
  }

  .appreciation-column.delivery .appreciation-track i {
    background: linear-gradient(180deg, #55267f, #2d1248) !important;
  }

  .income-bars i { border-radius: 999px !important; }

  .donut { box-shadow: 0 14px 30px rgba(20, 26, 38, 0.1); }

  .editor { background: #ffffff !important; }
  .editor-head { background: var(--surface-soft) !important; border-radius: 20px 20px 0 0; }

  .metric-modal-head { background: linear-gradient(130deg, #2d1248, #55267f) !important; }
  .metric-modal-head span { color: #93a0b5 !important; }

  .schedule-tag { background: var(--accent-wine); }

  .summary-row.total {
    border-color: var(--accent-wine-line) !important;
    background: var(--accent-wine-soft) !important;
  }

  .summary-row.total b,
  .summary-row.total span {
    color: var(--accent-wine-dark) !important;
  }

  .season output {
    border-color: var(--accent-wine-line) !important;
    background: var(--accent-wine-soft) !important;
    color: var(--accent-wine-dark) !important;
  }

  .validation-strip p { border-radius: 12px; }
  .table-wrap, .indexation-table-wrap, .modal-table-wrap { border-radius: 14px; }
  .brand-heading img { filter: none !important; border-radius: 12px; box-shadow: 0 8px 20px rgba(45, 18, 72, 0.14); }

  .content-grid > * {
    min-width: 0;
  }

  .field-note {
    grid-column: 1 / -1;
    margin: -4px 0 2px;
    color: var(--text-secondary);
    font-size: 10.5px;
    line-height: 1.45;
  }

  .study-assumptions {
    display: grid;
    gap: 8px;
  }

  .study-assumptions > span {
    color: var(--text-secondary);
    font-size: 10.5px;
    line-height: 1.4;
  }

  .study-assumptions label {
    display: grid;
    gap: 6px;
  }

  .scenario-percent-input {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    align-items: center;
    gap: 6px;
  }

  .scenario-percent-input b {
    text-align: center;
  }

  .scenario-name {
    display: grid;
    gap: 4px;
  }

  .scenario-name small {
    color: var(--text-secondary);
    font-size: 10px;
    font-weight: 500;
  }

  .simulation-disclaimer {
    margin: 0 0 12px;
    border: 1px solid var(--accent-wine-line);
    border-left: 4px solid var(--accent-wine);
    border-radius: 12px;
    padding: 10px 12px;
    background: var(--accent-wine-soft);
    color: var(--text-secondary);
    font-size: 12px;
    line-height: 1.5;
  }

  .simulation-disclaimer strong {
    color: var(--text-primary);
  }

  .indexation-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow: auto;
    overscroll-behavior-inline: contain;
  }

  .indexation-table {
    min-width: 980px;
  }

  .indexation-table th,
  .indexation-table td,
  .indexation-table th:nth-child(n),
  .indexation-table td:nth-child(n) {
    vertical-align: middle;
    text-align: center;
  }

  .indexation-table th:nth-child(2),
  .indexation-table td:nth-child(2) {
    min-width: 125px;
  }

  .indexation-table th:nth-child(4),
  .indexation-table td:nth-child(4) {
    min-width: 230px;
    white-space: normal;
    line-height: 1.35;
  }

  .indexation-table .phase-cell small {
    display: block;
  }
}

@media screen and (max-width: 1120px) {
  .content-grid > .composition-panel {
    grid-column: span 2;
    min-height: 0;
  }

  .composition-panel .donut-block {
    grid-template-columns: minmax(160px, 0.7fr) minmax(260px, 1.3fr);
    align-items: center;
  }
}

@media screen and (max-width: 720px) {
  .content-grid > .composition-panel {
    grid-column: span 1;
  }

  .composition-panel .donut-block {
    grid-template-columns: 1fr;
  }

  .indexation-table {
    min-width: 880px;
  }
}

/* ===== Navegação destacada da Ficha do Imóvel ===== */
@media screen {
  .editor-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }

  .editor-head-copy {
    min-width: 0;
  }

  .editor-details-toggle {
    flex: 0 0 auto;
    min-height: 34px !important;
    border: 1px solid rgba(147, 68, 247, 0.42) !important;
    border-radius: 999px !important;
    padding: 7px 12px !important;
    background: #ffffff !important;
    color: #55267f !important;
    box-shadow: 0 6px 14px rgba(70, 25, 112, 0.08) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    white-space: nowrap;
  }

  .editor-details-toggle:hover {
    border-color: rgba(122, 49, 198, 0.68) !important;
    background: rgba(147, 68, 247, 0.08) !important;
    box-shadow: 0 8px 18px rgba(70, 25, 112, 0.13) !important;
  }

  .editor > details {
    scroll-margin-top: 58px;
  }

  .editor > details > summary {
    position: sticky;
    top: 0;
    z-index: 8;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 9px 10px;
    border: 1px solid rgba(147, 68, 247, 0.5);
    border-radius: 11px;
    padding: 11px 13px;
    background: linear-gradient(135deg, #9344f7 0%, #782bcf 100%) !important;
    box-shadow: 0 7px 16px rgba(111, 40, 200, 0.16);
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 750 !important;
    letter-spacing: 0.01em;
    line-height: 1.25;
    list-style: none;
    cursor: pointer;
    transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease;
  }

  .editor > details > summary::-webkit-details-marker {
    display: none;
  }

  .editor > details > summary::before {
    content: "";
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 150ms ease;
  }

  .editor > details[open] > summary {
    background: linear-gradient(135deg, #55267f 0%, #7a31c6 52%, #9344f7 100%) !important;
    box-shadow: 0 10px 22px rgba(70, 25, 112, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.16);
  }

  .editor > details[open] > summary::before {
    transform: rotate(45deg) translate(-1px, -1px);
  }

  .editor > details > summary:hover {
    transform: translateY(-1px);
    box-shadow: 0 11px 24px rgba(111, 40, 200, 0.25);
  }

  .editor > details > summary:focus-visible {
    outline: 3px solid rgba(147, 68, 247, 0.28);
    outline-offset: 2px;
  }

  .editor > details[open] > summary + * {
    margin-top: 2px;
  }
}

@media screen and (max-width: 720px) {
  .editor > details > summary {
    margin-inline: 8px;
    padding: 10px 12px;
  }
}
/* O estado do seletor da tarja de Indexadores deve prevalecer sobre o layout premium. */
.indexation-panel.indexation-panel-hidden,
.indexation-panel[hidden] {
  display: none !important;
}