/* Rede Pires TI - tema classico vinho/branco, isolado dos demais temas */
body[data-theme="classic"] {
  color-scheme:light;
  --bg:#f6f3f4;--sidebar:#4b0d20;--panel:#ffffff;--panel-raised:#fbf7f8;
  --line:#d9cbd0;--muted:#62515a;--text:#271923;
  --green:#96133a;--green-soft:#75102f;
  --bs-body-bg:#f6f3f4;--bs-body-color:#271923;
  --bs-border-color:#d9cbd0;--bs-primary:#96133a;
  background:var(--bg);color:var(--text);
}
body[data-theme="classic"] :is(.main-content,.main-area,.workspace,.page-content,.content-area){color:var(--text)}
body[data-theme="classic"] :is(.sidebar,.side-panel){background:linear-gradient(180deg,#3b091a 0%,#5d1027 70%,#71132d 100%);border-color:#762a40;color:#fff3f6}
body[data-theme="classic"] .sidebar :is(.brand,.brand strong,.brand small,.sidebar-brand,.sidebar-brand-text,.sidebar-brand-text strong,.side-nav,.side-nav a,.side-nav i,.nav-item,.nav-item i){color:#fff1f5}
body[data-theme="classic"] .sidebar :is(.eyebrow,.nav-label,.side-nav small,.sidebar-footer,.sidebar small){color:#edbdca}
body[data-theme="classic"] .sidebar :is(.nav-item.active,.side-nav a.active,.side-nav a:hover,.nav-item:hover){background:#ffffff20;color:#fff;border-color:#ffffff38}
body[data-theme="classic"] .sidebar :is(.hotel-switcher,.local-note){background:#ffffff14;border-color:#ffffff40;color:#fff3f6}
body[data-theme="classic"] .sidebar :is(.hotel-switcher strong,.local-note strong){color:#fff}
body[data-theme="classic"] .topbar{background:#fff;border-color:#e2d7da;color:#271923}
body[data-theme="classic"] :is(.panel,.panel-card,.stat-card,.module-card,.theme-card,.admin-hub-card,.admin-stat-grid article,.access-center-head,.modal-content,.dropdown-menu,.password-settings-card,.theme-choice,.color-picker,.permission-checks,.hotel-selection-modal .modal-content,.case-flow-modal .modal-content,.admin-form-modal .modal-content){background:#fff;color:#271923;border-color:#d9cbd0}
body[data-theme="classic"] :is(.panel-heading h2,.panel h2,.panel h3,.panel-card h2,.panel-card h3,.module-card h3,.welcome-row h1,.section-heading h2,.admin-shell-copy h1,.admin-overview-intro h2,.roles-catalog-heading h2,.modal-title,.card-title,.form-label,.theme-choice-label strong,.password-setting-row strong){color:#271923}
body[data-theme="classic"] :is(.panel p,.module-card p,.panel-card p,.module-card-bottom,.event-row small,.text-secondary,.form-note,.section-heading p,.theme-choice-label small,.theme-choice-label code,.access-heading p,.roles-catalog-heading p,.password-setting-row small){color:#62515a!important}
body[data-theme="classic"] :is(.eyebrow,.roadmap-mark,.admin-shell-copy h1 span,.stat-card i,.module-card-bottom a,.form-note i,.module-card-link .module-card-bottom>i){color:#96133a}
body[data-theme="classic"] :is(.btn-primary,.btn-hero,.btn.btn-primary,.btn.btn-hero){background:#96133a;border-color:#96133a;color:#fff;--bs-btn-color:#fff;--bs-btn-bg:#96133a;--bs-btn-border-color:#96133a;--bs-btn-hover-bg:#73102d;--bs-btn-hover-border-color:#73102d;--bs-btn-active-bg:#620b25;--bs-btn-active-border-color:#620b25}
body[data-theme="classic"] :is(.btn-primary,.btn-hero):hover{background:#73102d;color:#fff;border-color:#73102d}
body[data-theme="classic"] :is(.btn-outline-soft,.icon-button,.logout-chip,.date-chip){background:#fff;color:#69142e;border-color:#c7adb6}
body[data-theme="classic"] :is(.btn-outline-soft,.icon-button,.logout-chip):hover{background:#f8e9ee;color:#69142e}
body[data-theme="classic"] :is(.form-control,.form-select,input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),textarea,select){background-color:#fff;color:#251822;border-color:#a9939d;opacity:1}
body[data-theme="classic"] :is(.form-control,.form-select,input,textarea)::placeholder{color:#655c64;opacity:1}
body[data-theme="classic"] :is(.form-control,.form-select,input,textarea,select):focus{border-color:#96133a;box-shadow:0 0 0 3px #96133a25;outline-color:#96133a}
body[data-theme="classic"] :is(input,textarea,select):disabled{background:#f1e9ec;color:#65565e;opacity:1}
body[data-theme="classic"] :is(input[type="checkbox"],input[type="radio"]){accent-color:#96133a}
body[data-theme="classic"] .table{--bs-table-bg:transparent;--bs-table-color:#271923;--bs-table-border-color:#d9cbd0;--bs-table-striped-color:#271923;--bs-table-striped-bg:#f9f2f5;--bs-table-hover-color:#271923;--bs-table-hover-bg:#f6e9ee;color:#271923}
body[data-theme="classic"] :is(.table th,.table td,.table thead,.table tbody){color:#271923;border-color:#d9cbd0}
body[data-theme="classic"] :is(.modal-header,.modal-footer,.password-setting-row,.theme-actions){border-color:#d9cbd0}
body[data-theme="classic"] .btn-close{filter:none;opacity:.72}
body[data-theme="classic"] .theme-choice.selected{border-color:#96133a;box-shadow:0 0 0 2px #96133a35}
body[data-theme="classic"] .theme-check{color:#96133a}
body[data-theme="classic"] .theme-preview-classic{background:#f6f3f4;border-color:#d9cbd0}
body[data-theme="classic"] .theme-preview-classic:before{background:#4b0d20;border-color:#6d243b}
body[data-theme="classic"] .theme-preview-classic i{background:#fff;border-color:#d9cbd0}
body[data-theme="classic"] .theme-preview-classic b:nth-of-type(1){background:#96133a}
body[data-theme="classic"] .theme-preview-classic b:nth-of-type(2){background:#b75a74}

body[data-theme="classic"] :is(.empty-state p,.live-label,.page-footer,.event-row time){color:#62515a}
body[data-theme="classic"] :is(.empty-state>strong,.roadmap-item strong){color:#271923}
body[data-theme="classic"] :is(.empty-illustration,.roadmap-number){background:#f7e9ee;border-color:#d9bdc7;color:#96133a}
body[data-theme="classic"] :is(a:not(.btn):not(.nav-item):not(.module-card-link):not(.side-nav a)){text-underline-offset:3px}
body[data-theme="classic"] :is(button,a,input,select,textarea):focus-visible{outline:2px solid #96133a;outline-offset:2px}
body[data-theme="classic"] .sidebar :is(button,a,input,select):focus-visible{outline-color:#fff}
@media(max-width:700px){body[data-theme="classic"] .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-theme="classic"] .theme-choice{min-width:0}}


/* V2 — isolamento visual dos quatro temas e superficies do seletor de hotel.
   CSS adicionado por ultimo; nao altera permissoes, persistencia ou acoes. */
body[data-theme="classic"]{
 --theme-accent:#96133a;--theme-accent-strong:#71102d;
 --theme-accent-soft:#f7e7ed;--theme-on-accent:#fff;
 --theme-surface:#fff;--theme-surface-alt:#fbf7f8;
 --theme-fg:#271923;--theme-subtle:#62515a;--theme-stroke:#d9cbd0;
 --theme-side-fg:#fff4f7;
}
body[data-theme="light"]{
 --theme-accent:#267d2c;--theme-accent-strong:#1b5c21;
 --theme-accent-soft:#e5f2e5;--theme-on-accent:#fff;
 --theme-surface:#fff;--theme-surface-alt:#f6f9f6;
 --theme-fg:#17231a;--theme-subtle:#536257;--theme-stroke:#cbd5cc;
 --theme-side-fg:#17231a;
}
body[data-theme="dark"]{
 --theme-accent:#75df69;--theme-accent-strong:#a6ee9e;
 --theme-accent-soft:#263e2a;--theme-on-accent:#101b12;
 --theme-surface:#141a1e;--theme-surface-alt:#1a2227;
 --theme-fg:#f1f5f6;--theme-subtle:#a1afb5;--theme-stroke:#354149;
 --theme-side-fg:#f1f5f6;
}
body[data-theme="custom"]{
 --theme-accent:var(--green,#96133a);
 --theme-accent-strong:var(--green,#96133a);
 --theme-accent-soft:var(--panel-raised,#f8f8f8);
 --theme-on-accent:#fff;
 --theme-surface:var(--panel,#fff);
 --theme-surface-alt:var(--panel-raised,#f8f8f8);
 --theme-fg:var(--text,#271923);
 --theme-subtle:var(--muted,#62515a);
 --theme-stroke:var(--line,#d9cbd0);
 --theme-side-fg:var(--text,#271923);
}
body[data-theme="classic"] .hotel-selection-modal,
body[data-theme="classic"] .hotel-selection-modal .modal-content{color-scheme:light}
body[data-theme="classic"] :is(.hotel-selection-modal .modal-content,.hotel-picker-card,.launcher-module-card,.module-card,.hero-card,.stat-card,.inconformity-action,.inconformity-kpis article){
 background:var(--theme-surface)!important;color:var(--theme-fg)!important;
 border-color:var(--theme-stroke)!important;
}
body[data-theme="classic"] .hotel-selection-modal .modal-content{box-shadow:0 24px 70px #36101f35!important}
body[data-theme="classic"] .hotel-selection-modal .modal-header{
 background:var(--theme-surface)!important;border-color:var(--theme-stroke)!important}
body[data-theme="classic"] :is(.hotel-selection-modal h1,.hotel-picker-card strong,.launcher-module-copy strong,.module-card strong,.hero-content h2,.hero-content h2 span,.stat-value,.stat-card strong){color:var(--theme-fg)!important}
body[data-theme="classic"] :is(.hotel-selection-modal p,.hotel-picker-card small,.launcher-module-copy small,.stat-label,.stat-foot,.hero-content p,.hero-index){color:var(--theme-subtle)!important}
body[data-theme="classic"] :is(.hotel-picker-card>i,.hotel-picker-icon,.launcher-module-icon,.launcher-module-meta,.hotel-picker-card:hover>i,.hero-tag,.hero-content .eyebrow,.stat-icon,.stat-spark i){color:var(--theme-accent)!important}
body[data-theme="classic"] :is(.hotel-picker-icon,.launcher-module-icon,.stat-icon,.hero-tag,.visual-core,.orbit-chip){
 background:var(--theme-accent-soft)!important;border-color:#e8c5d1!important;color:var(--theme-accent)!important;
 box-shadow:none!important;
}
body[data-theme="classic"] :is(.hotel-picker-card:hover,.launcher-module-card:hover,.module-card-link:hover){
 border-color:var(--theme-accent)!important;
 box-shadow:0 12px 26px #4b0d201a!important;
}
body[data-theme="classic"] :is(.hotel-picker-card:focus-visible,.launcher-module-card:focus-visible){outline:3px solid var(--theme-accent)!important}
body[data-theme="classic"] :is(.hero-tag,.security-status-pill,.badge-state.good){background:#f7e7ed!important;color:#71102d!important;border-color:#e3c1ce!important}
body[data-theme="classic"] :is(.visual-ring,.ring-a,.ring-b,.ring-c){border-color:#a62c5240!important}
body[data-theme="classic"] :is(.orbit-chip,.hero-index span){color:#96133a!important}
body[data-theme="classic"] :is(.eyebrow-line,.green-dot,.stat-spark i){background:#96133a!important}
body[data-theme="classic"] .sidebar .brand-mark{background:#fff!important;color:#96133a!important;box-shadow:none!important}
body[data-theme="classic"] .sidebar .hotel-avatar{background:#ffffff24!important;color:#fff!important}
body[data-theme="classic"] .sidebar :is(.nav-item.active,.nav-item:hover){background:#ffffff20!important;color:#fff!important;box-shadow:inset 3px 0 #f4b4c8!important}
body[data-theme="classic"] .sidebar .nav-item.active>i{color:#fff!important}
body[data-theme="classic"] .sidebar :is(.pulse-dot,.nav-count){background:#f4b4c8!important;color:#4b0d20!important;box-shadow:none!important}
body[data-theme="classic"] .sidebar :is(.profile-avatar,.top-avatar){background:#f1d5df!important;color:#4b0d20!important}
body[data-theme="classic"] .sidebar :is(.profile-name strong,.profile-name small,.local-note small,.hotel-copy small,.hotel-copy strong,.nav-label,.brand small){color:#f2cbd6!important}
body[data-theme="classic"] .sidebar .hotel-copy strong{color:#fff!important}
body[data-theme="classic"] .breadcrumbs strong{color:#271923!important}
body[data-theme="classic"] .page-footer{color:#62515a!important}
body[data-theme="classic"] .page-footer b{color:#96133a!important}
body[data-theme="classic"] .top-avatar{background:#4b0d20!important;color:#fff!important}
body[data-theme="classic"] .modal-backdrop.show{opacity:.55}

/* As superficies do seletor de hotel seguem o tema atual, sem herdar verde escuro fixo. */
body[data-theme="light"] :is(.hotel-selection-modal .modal-content,.hotel-picker-card,.launcher-module-card){
 background:var(--theme-surface)!important;color:var(--theme-fg)!important;border-color:var(--theme-stroke)!important;
}
body[data-theme="light"] :is(.hotel-picker-card strong,.launcher-module-copy strong,.hotel-selection-modal h1){color:var(--theme-fg)!important}
body[data-theme="light"] :is(.hotel-picker-card small,.hotel-selection-modal p){color:var(--theme-subtle)!important}
body[data-theme="light"] :is(.hotel-picker-icon,.launcher-module-icon){background:var(--theme-accent-soft)!important;color:var(--theme-accent)!important}
body[data-theme="light"] :is(.hotel-picker-card>i,.launcher-module-meta){color:var(--theme-accent)!important}
body[data-theme="dark"] :is(.hotel-selection-modal .modal-content,.hotel-picker-card,.launcher-module-card){
 background:var(--theme-surface)!important;color:var(--theme-fg)!important;border-color:var(--theme-stroke)!important;
}
body[data-theme="dark"] :is(.hotel-picker-card strong,.launcher-module-copy strong,.hotel-selection-modal h1){color:var(--theme-fg)!important}
body[data-theme="dark"] :is(.hotel-picker-card small,.hotel-selection-modal p){color:var(--theme-subtle)!important}
body[data-theme="dark"] :is(.hotel-picker-icon,.launcher-module-icon){background:var(--theme-accent-soft)!important;color:var(--theme-accent)!important}
body[data-theme="dark"] :is(.hotel-picker-card>i,.launcher-module-meta){color:var(--theme-accent)!important}
body[data-theme="custom"] :is(.hotel-selection-modal .modal-content,.hotel-picker-card,.launcher-module-card){
 background:var(--theme-surface)!important;color:var(--theme-fg)!important;border-color:var(--theme-stroke)!important;
}
body[data-theme="custom"] :is(.hotel-picker-card strong,.launcher-module-copy strong,.hotel-selection-modal h1){color:var(--theme-fg)!important}
body[data-theme="custom"] :is(.hotel-picker-card small,.hotel-selection-modal p){color:var(--theme-subtle)!important}
body[data-theme="custom"] :is(.hotel-picker-icon,.launcher-module-icon){background:var(--theme-surface-alt)!important;color:var(--theme-accent)!important}
body[data-theme="custom"] :is(.hotel-picker-card>i,.launcher-module-meta){color:var(--theme-accent)!important}

/* Tela Aparencia: cards consistentes, previews legiveis, responsividade real. */
body .pires-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
body .pires-theme-grid .theme-choice{
 display:flex;flex-direction:column;min-width:0;min-height:184px;position:relative;
 padding:10px;border:1px solid var(--theme-stroke)!important;
 border-radius:14px;background:var(--theme-surface)!important;color:var(--theme-fg)!important;
 cursor:pointer;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s;
}
body .pires-theme-grid .theme-choice:hover{transform:translateY(-2px);border-color:var(--theme-accent)!important}
body .pires-theme-grid .theme-choice.selected,
body .pires-theme-grid .theme-choice:has(input:checked){border-color:var(--theme-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 25%,transparent)!important}
body .pires-theme-grid .theme-choice input[type="radio"]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
body .pires-theme-grid .theme-choice:focus-within{outline:2px solid var(--theme-accent);outline-offset:2px}
body .pires-theme-grid .theme-preview{flex:0 0 88px;min-height:88px;width:100%;margin:0 0 12px;overflow:hidden}
body .pires-theme-grid .theme-choice-label{display:grid;gap:5px;min-width:0;padding:0 4px 3px}
body .pires-theme-grid .theme-choice-label strong{color:var(--theme-fg)!important;font-size:12px}
body .pires-theme-grid .theme-choice-label small{color:var(--theme-subtle)!important;font-size:10px;line-height:1.5}
body .pires-theme-grid .theme-hex{
 display:block;max-width:100%;width:100%;overflow-wrap:anywhere;white-space:normal;
 font-size:9px;line-height:1.6;background:var(--theme-surface-alt);color:var(--theme-subtle);
 border-radius:6px;padding:4px 6px;
}
body .pires-theme-grid .theme-check{position:absolute;bottom:14px;right:13px;color:var(--theme-accent)!important}
body .pires-custom-theme-panel{margin-top:16px;min-width:0}
body .pires-custom-theme-panel .color-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body .pires-custom-theme-panel .color-picker{min-width:0;background:var(--theme-surface)!important;color:var(--theme-fg)!important;border-color:var(--theme-stroke)!important}
body .pires-custom-theme-panel .color-picker code{overflow-wrap:anywhere}
body .pires-custom-theme-panel .theme-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media(max-width:1100px){body .pires-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body .pires-custom-theme-panel .color-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){
 body .pires-theme-grid{grid-template-columns:1fr}
 body .pires-theme-grid .theme-choice{min-height:170px}
 body .pires-custom-theme-panel .color-picker-grid{grid-template-columns:1fr}
 body .pires-custom-theme-panel .theme-actions .btn{width:100%;justify-content:center}
}
/* Compatibilidade com componentes Bootstrap e legibilidade dos formularios */
body[data-theme="classic"] :is(.form-control,.form-select,.dropdown-menu,.modal-content){color-scheme:light}
body[data-theme="classic"] .form-control::placeholder{color:#6b5d65!important}
body[data-theme="classic"] .btn-primary{color:#fff!important}


/* V3 — correcoes de miniaturas, contraste e paleta do Classico.
   Somente [data-theme="classic"]: Escuro, Claro e Personalizado preservados. */
body[data-theme="classic"]{
  --green:#1d65b5;
  --green-soft:#e3f0ff;
  --theme-blue:#1d65b5;
  --theme-blue-dark:#174f90;
  --theme-blue-soft:#eaf3ff;
  --theme-control-border:#9ba8b8;
}
body[data-theme="classic"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea,.form-control,.form-select){
  background:#fff!important;
  color:#172333!important;
  border:1px solid #9ba8b8!important;
  box-shadow:0 1px 2px rgba(18,36,54,.06)!important;
  color-scheme:light;
  -webkit-text-fill-color:#172333;
}
body[data-theme="classic"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea,.form-control,.form-select):focus{
  border-color:#1d65b5!important;
  background:#fff!important;
  outline:2px solid #1d65b533!important;
  outline-offset:0;
  box-shadow:0 0 0 3px #1d65b51a!important;
}
body[data-theme="classic"] :is(input,textarea,.form-control)::placeholder{color:#59697b!important;opacity:1}
body[data-theme="classic"] :is(input,.form-control):-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
  -webkit-text-fill-color:#172333!important;
}
body[data-theme="classic"] :is(input,select,textarea,.form-control,.form-select):disabled{
  background:#eef0f3!important;color:#536170!important;opacity:1!important;
}
body[data-theme="classic"] :is(input[type="checkbox"],input[type="radio"]){accent-color:#1d65b5}
body[data-theme="classic"] :is(.security-overview-grid article,.security-overview-grid .security-overview-card,.password-settings-card,.password-setting-row){
  background:#fff!important;color:#271923!important;border-color:#cbd1d9!important;
}
body[data-theme="classic"] .security-overview-grid article :is(strong,h3,b){color:#271923!important}
body[data-theme="classic"] .security-overview-grid article :is(small,p,span){color:#526174!important}
body[data-theme="classic"] :is(.security-overview-grid article>i,.security-overview-grid article>span:first-child,.password-setting-icon){
  background:#eaf3ff!important;color:#1d65b5!important;
}
body[data-theme="classic"] :is(.security-overview-grid a,.security-overview-grid button:not(.btn-primary),.password-setting-row i){color:#1d65b5!important}
body[data-theme="classic"] :is(.password-strength>div,.password-strength-track,.strength-meter,.strength-bar,.flow-bar,.stage-track,.distribution-track,.distribution-bar){
  background:#e6eaf0!important;border-color:#d3dae3!important;
}
body[data-theme="classic"] :is(.password-strength>div>span,.password-strength>div>i,.password-strength-fill,.strength-fill,.distribution-fill,.flow-fill,.stage-fill){
  background:#1d65b5!important;
}
/* Elementos de progresso e distribuicao que usam CSS customizado */
body[data-theme="classic"] :is(.workflow-progress,.workflow-stage-bar,.flow-track,.progress-track,.chart-track,.stage-bar,.status-bar,.funnel-track){
  background:#e7ebf1!important;
}
body[data-theme="classic"] :is(.workflow-progress-fill,.workflow-stage-fill,.flow-progress,.progress-fill,.chart-fill,.stage-progress,.status-bar-fill,.funnel-fill){
  background:#1d65b5!important;
}
body[data-theme="classic"] :is(.security-overview-grid,.password-settings-card) :is(.badge-state.good,.status-active){
  background:#eaf3ff!important;color:#174f90!important;border-color:#c7dbf5!important;
}

/* Miniaturas — dimensoes internas previsiveis e sem extravasamento */
body .pires-theme-grid .theme-choice{overflow:hidden;min-width:0}
body .pires-theme-grid .theme-preview{
  position:relative;display:block;isolation:isolate;
  width:100%;height:90px;min-height:90px;max-height:90px;
  flex:0 0 90px;overflow:hidden;border-radius:8px;
  box-sizing:border-box;
}
body .pires-theme-grid .theme-preview::before,
body .pires-theme-grid .theme-preview::after,
body .pires-theme-grid .theme-preview>i,
body .pires-theme-grid .theme-preview>b{
  box-sizing:border-box;
  max-width:none;
}
body .pires-theme-grid .theme-preview::before{
  position:absolute!important;left:0!important;top:0!important;bottom:0!important;
  width:28%!important;height:100%!important;
}
body .pires-theme-grid .theme-preview::after{
  position:absolute!important;left:28%!important;top:0!important;
  width:72%!important;height:100%!important;
}
body .pires-theme-grid .theme-preview>i:nth-of-type(1){
  position:absolute!important;left:34%!important;top:18%!important;
  width:25%!important;height:19%!important;margin:0!important;z-index:2;
}
body .pires-theme-grid .theme-preview>i:nth-of-type(2){
  position:absolute!important;left:64%!important;top:18%!important;
  width:28%!important;height:19%!important;margin:0!important;z-index:2;
}
body .pires-theme-grid .theme-preview>i:nth-of-type(3){
  position:absolute!important;left:34%!important;top:46%!important;
  width:58%!important;height:36%!important;margin:0!important;z-index:2;
}
body .pires-theme-grid .theme-preview>b:nth-of-type(1){
  position:absolute!important;left:38%!important;top:26%!important;
  width:12%!important;height:4px!important;margin:0!important;z-index:3;
}
body .pires-theme-grid .theme-preview>b:nth-of-type(2){
  position:absolute!important;left:59%!important;top:59%!important;
  width:29%!important;height:4px!important;margin:0!important;z-index:3;
}
body .pires-theme-grid .theme-choice-label{width:100%;max-width:100%;overflow:hidden}
body .pires-theme-grid .theme-choice-label :is(strong,small,code){max-width:100%}
body .pires-theme-grid .theme-hex{font-size:9px;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:650px){
 body .pires-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body .pires-theme-grid .theme-preview{height:78px;min-height:78px;max-height:78px;flex-basis:78px}
}
@media(max-width:420px){
 body .pires-theme-grid{grid-template-columns:1fr}
}