/* F07/F12 V112 — Seletor rapido de aparencia nativo do base.html.
   Escopo isolado: nao modifica o layout ou as ferramentas V109/V111-R1. */
#rf-aparencia-abrir.rf-aparencia-abrir {
  display: inline-flex; align-items: center; justify-content: center;
  width: 41px; height: 38px; padding: 7px;
  color: var(--color-accent, var(--rf-user-accent, #3b6ea5));
  background: var(--bs-body-bg, #fff);
  border: 1px solid color-mix(in srgb, var(--color-accent, #3b6ea5) 48%, var(--bs-border-color, #bbb));
  border-radius: 9px; transition: background-color .15s ease, box-shadow .15s ease;
}
#rf-aparencia-abrir.rf-aparencia-abrir:hover,
#rf-aparencia-abrir.rf-aparencia-abrir:focus-visible {
  background: color-mix(in srgb, var(--color-accent, #3b6ea5) 12%, var(--bs-body-bg, #fff));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-accent, #3b6ea5) 24%, transparent);
}
#rf-aparencia-abrir svg {display:block;width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2;}
.rf-ap-modal .modal-dialog {max-width:355px; margin: 1.1rem auto;}
.rf-ap-modal .modal-content {
  background: var(--bs-body-bg, #fff); color: var(--bs-body-color, #212529);
  border: 1px solid var(--bs-border-color, #ced4da); border-radius: 15px;
  box-shadow: 0 15px 48px rgba(0,0,0,.28);
}
.rf-ap-modal .modal-header {padding: .95rem 1rem .6rem; border-bottom: 1px solid var(--bs-border-color, #ddd);}
.rf-ap-modal .modal-title {font-size: 1.06rem; font-weight: 700;display:flex;align-items:center;gap:.6rem;}
.rf-ap-modal .modal-body {padding: .9rem 1rem 1rem;}
.rf-ap-section-label {display:block;font-size:.84rem;font-weight:700;margin-bottom:.65rem;}
.rf-ap-mode-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.rf-ap-mode {
  display:flex;flex-direction:column;align-items:center;gap:.35rem;justify-content:center;
  min-height:81px;padding:.65rem .35rem;border:1px solid var(--bs-border-color, #888);
  border-radius:10px;color:inherit;background:transparent;font-size:.86rem;font-weight:600;
  transition:background-color .15s ease,border-color .15s ease;
}
.rf-ap-mode svg {width:23px;height:23px;flex-shrink:0;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.rf-ap-mode:hover {background:color-mix(in srgb, var(--color-accent, #3b6ea5) 9%, var(--bs-body-bg, #fff));}
.rf-ap-mode[aria-pressed="true"] {
  border:2px solid var(--color-accent, #3b6ea5);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent, #3b6ea5) 30%, transparent);
  background:color-mix(in srgb, var(--color-accent, #3b6ea5) 13%, var(--bs-body-bg, #fff));
}
.rf-ap-mode:focus-visible, .rf-ap-color:focus-visible {outline:3px solid var(--bs-body-color, #111);outline-offset:2px;}
.rf-ap-divider {margin: .9rem 0;border-color:var(--bs-border-color, #aaa);opacity:.7;}
.rf-ap-color-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.rf-ap-color {
  min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:6px 1px 7px;border:2px solid transparent;border-radius:9px;
  background:transparent;color:inherit;font-size:.74rem;font-weight:500;
}
.rf-ap-color .rf-ap-swatch {
  width:31px;height:31px;border-radius:50%;background:var(--rf-ap-cor);
  border:2px solid rgba(255,255,255,.7);
  box-shadow:0 0 0 1px rgba(0,0,0,.25);
  display:flex;align-items:center;justify-content:center;
}
.rf-ap-color .rf-ap-check {
  display:none;font-size:.8rem;font-weight:900;background:#fff;color:#161b21;
  width:19px;height:19px;border-radius:50%;align-items:center;justify-content:center;
}
.rf-ap-color[aria-pressed="true"] {border-color:var(--bs-body-color, #222);background:color-mix(in srgb, var(--color-accent, #3b6ea5) 10%, var(--bs-body-bg, #fff));}
.rf-ap-color[aria-pressed="true"] .rf-ap-check {display:flex;}
.rf-ap-color:hover {background:color-mix(in srgb, var(--color-accent, #3b6ea5) 10%, var(--bs-body-bg, #fff));}
.rf-ap-status {min-height:1.65em;margin:.75rem 0 0;font-size:.78rem;color:var(--bs-secondary-color, #666);}
.rf-ap-status[data-rf-erro="true"] {color:var(--bs-danger-text-emphasis, #b02a37);font-weight:650;}
@media (min-width: 660px) {
  .rf-ap-modal .modal-dialog {margin:5rem 16px 0 auto;}
}
@media (max-width: 400px) {
  .rf-ap-modal .modal-dialog {max-width:calc(100vw - 22px);margin:12px auto;}
}
@media (prefers-reduced-motion: reduce) {
  #rf-aparencia-abrir, .rf-ap-mode {transition:none;}
}