/* AS CINZAS DO REINO - IDENTIDADE VISUAL UNIFICADA 2026 */
:root{color-scheme:dark!important;--gold:#e9e8eb!important;--gold-light:#fff!important;--accent:#df1834!important;--red:#df1834!important;--line:#803040!important;--text:#f0edf1!important;--muted:#c6c1ca!important}
html,html:root{min-height:100%!important;background-color:#080709!important;background-image:url('/assets/fundo-cinzas-reino.webp')!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important}
html body,body,body[style]{min-height:100vh!important;background:transparent!important;background-color:transparent!important;background-image:none!important;color:#f0edf1!important}
html body::before,html body::after,body:before,body:after{content:none!important;display:none!important}
html body :is(main,.layout,.wrap,.container,.shell,#app,#root){background-color:transparent!important;background-image:none!important}
html body :is(header,.top){background:rgba(10,9,13,.86)!important;border-color:#802336!important;backdrop-filter:blur(9px)}
html body :is(.panel,.sync-card,.sync-wrap .sync-card,.card,.profile,.box,.sync-box,.enh-panel,.enh-section,.enh-ability,.enh-ability-card,.item-effect-panel,.item-card,.inventory-item,.inv-saved-card,.item-row,.loot-card,.spell-card,.skill-card,.ability-card,.master-card,.npc-card,.bestiary-card,.cinzas-read-section,.cinzas-read-field,.combat-redesign,.combat-card,.challenge-note,.quick-preview,.skill-inline-editor,.guide-session-controls){background:rgba(14,12,18,.84)!important;background-image:none!important;border-color:rgba(162,49,71,.65)!important;color:#f0edf1!important;box-shadow:0 10px 30px rgba(0,0,0,.28)!important;backdrop-filter:blur(5px)}
html body :is(.panel,.sync-card,.card,.profile){border-radius:13px!important}
html body :is(.panel,.sync-card,.card,.profile) :is(h1,h2,h3,h4),html body :is(h1,h2,h3,h4,legend,summary){color:#f4f0f3!important;text-shadow:none!important}
html body :is(label,.muted,.sub,.small,.sync-muted){color:#d0c7cf!important}
html body :is(input,select,textarea,.sync-card input,.sync-card select,.sync-card textarea){background:#111017!important;background-image:none!important;color:#f7f2f5!important;border:1px solid #6f4652!important;border-radius:8px!important}
html body :is(input,select,textarea)::placeholder{color:#aaa1ad!important}
html body :is(input,select,textarea):focus{outline:2px solid #df1834!important;outline-offset:1px!important}
html body :is(button,.sync-card button,nav button){background:#35131e!important;background-image:none!important;border:1px solid #9f334b!important;color:#f9f5f7!important;border-radius:8px!important;transition:background-color .15s ease,border-color .15s ease}
html body :is(button,.sync-card button,nav button):hover{background:#6b1c32!important;border-color:#f04762!important}
html body :is(button.primary,button.active,nav button.active,.sync-card button.active){background:#a91332!important;border-color:#f04762!important;color:#fff!important}
html body :is(.portrait,.portrait-book,.monster-art,.portrait-box,.image-thumb,.image-preview img,img){opacity:1!important;visibility:visible!important}
html body :is(.portrait,.portrait-book,.monster-art){background-color:#1b151c!important;border-color:#a22c45!important;box-shadow:none!important}
html body :is(.hpbar,.hp){accent-color:#df1834!important}
html body :is(.hpbar>div){background:#df1834!important}
html body :is(nav){background:rgba(14,12,18,.8)!important;background-image:none!important;border-color:#802336!important}
html body :is(.challenge-overlay,.image-modal,#cinzasAuthGate){backdrop-filter:blur(7px)}
html body :is(.challenge-letter,.cinzas-auth-card,.image-modal-panel){background:#19121b!important;background-image:none!important;color:#f0edf1!important}
@media(max-width:700px){html,html:root{background-attachment:scroll!important;background-position:center top!important}html body :is(.panel,.sync-card,.card){backdrop-filter:none}}

/* Paleta estrita: vermelho, branco e preto; sem realces amarelos */
:root{--yellow:#e8e8ec!important;--amber:#d61b3b!important;--gold:#f0edf1!important;--gold-light:#fff!important;--gold-dark:#bfc0c8!important;--bronze:#9d263c!important}
html body :is(.warning,.rarity-legendary,.legendary){color:#f0edf1!important;border-color:#9d263c!important}
html body :is(.rule,.skill,fieldset,details,.item-effect-info){border-color:#84243a!important}

/* CORRECAO DE BORDAS AMARELAS - habilidades pessoais */
html body #enhAbilityCount,
html body #enhAbilityList .enh-ability,
html body #enhAbilityList .enh-ability-card,
html body [data-cinzas-section="habilidades"],
html body [data-cinzas-section="habilidades"] .enh-info,
html body [data-cinzas-section="habilidades"] fieldset,
html body [data-cinzas-section="habilidades"] details {
 border-color:#9d263c!important;
 border-top-color:#9d263c!important;
 border-right-color:#9d263c!important;
 border-bottom-color:#9d263c!important;
 border-left-color:#9d263c!important;
 box-shadow:none!important;
}
html body #enhAbilityCount {background:rgba(31,12,20,.84)!important;color:#f3f3f5!important}
html body #enhAbilityList .enh-ability {background:rgba(18,15,21,.9)!important;color:#f3f3f5!important}
html body #enhAbilityList .enh-ability textarea {border-color:#883043!important;background:#101016!important;color:#fff!important}
