/* Telas do app: comunidades, eventos, classificados, mensagens, seus dados e transparência.
   Também as preferências de acessibilidade (atributos aplicados no <html>). */

/* Base: o atributo hidden sempre esconde (componentes com display próprio, como .dropdown-menu, ignoravam). */
[hidden]{display:none!important}
a.chip{text-decoration:none;color:var(--ink)}

/* ---------- comunidades ---------- */
.comm-rules{list-style:decimal;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.comm-rules li::marker{color:var(--primary-ink);font-weight:600}
.comm-side .h3,.mk-tips .h3{display:flex;align-items:center;gap:10px}
.comm-side .tile{width:30px;height:30px;border-radius:10px}
.comm-side .tile .i{width:16px;height:16px}
.comm-hero .comm-id .row{margin-bottom:4px}
.comm-card .why{margin-top:-2px}
.poll-q{margin-top:2px}
.poll .poll-opt .i{width:16px;height:16px}
.post-head>.dropdown.ml{margin-left:auto}
@media (max-width:640px){.comm-id{align-items:flex-end}.comm-id .grow{flex-basis:100%;order:2}.comm-id>.row{order:1;margin-left:auto}.comm-id h1{font-size:22px}}

/* ---------- eventos ---------- */
.ev-big{align-items:flex-start}
.ev-big .grow{display:flex;flex-direction:column;gap:6px}
.ev-big .meta .i{width:14px;height:14px;vertical-align:-2px}
.ev-desc{font-size:14.5px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}
.ev-people{flex-wrap:wrap}
.ev-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;align-self:center}
.att-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;max-height:60vh;overflow-y:auto}
@media (max-width:640px){.ev-actions{width:100%}.ev-actions .btn{flex:1}}

/* ---------- classificados ---------- */
.mk-filters{flex-direction:row;align-items:center;padding:12px 14px}
.mk-filters .field-search{min-width:200px}
.mk-filters input.select-pill{width:150px}
.mk-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}
.mk-side{position:sticky;top:calc(env(safe-area-inset-top,0px) + 92px)}
.mk-tip-list{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px}
.mk-tip-list li{display:flex;gap:8px;align-items:flex-start;line-height:1.45}
.mk-tip-list li::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--primary);flex:none;margin-top:7px}
.mk-more{display:flex;margin:14px auto 0}
.thumb .badge.solid-pink{background:var(--pink);color:var(--on-pink)}
.thumb .badge.warn{background:var(--accent);color:var(--on-accent)}
.thumb .badge .i{width:13px;height:13px}
.mk-detail{gap:14px}
.mk-title{font-size:clamp(20px,2.4vw,26px);margin-top:4px}
.mk-desc{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.mk-zoom{display:block;width:100%;height:100%;cursor:zoom-in}
.mk-review{display:flex;flex-direction:column;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.mk-stars{display:flex;gap:6px}
.mk-stars label{cursor:pointer}
.mk-stars input{position:absolute;opacity:0;pointer-events:none}
.mk-stars span{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;border:1px solid var(--line);background:var(--surface-solid);font-weight:600}
.mk-stars input:checked+span{background:var(--accent);color:var(--on-accent);border-color:transparent}
.mk-stars input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}
.mk-lbl{display:block;font-weight:500;font-size:14px;margin-bottom:6px}
.mk-drop{min-height:130px}
@media (max-width:1000px){.mk-layout{grid-template-columns:minmax(0,1fr)}.mk-side{position:static}}
@media (max-width:640px){.mk-filters .field-search{flex-basis:100%}.mk-filters label{flex:1}.mk-filters .select-pill,.mk-filters input.select-pill{width:100%}.mk-filters .btn{flex-basis:100%}}

/* ---------- mensagens ---------- */
.thread-head .name a{color:inherit;text-decoration:none}
.thread-head .ctx .i{width:14px;height:14px;vertical-align:-2px}
.conv .ctx .i{width:12px;height:12px;vertical-align:-1px}
.msg a{color:inherit;text-decoration:underline;word-break:break-all}
.msg .mrep{width:30px;height:30px}
.msg .mrep .i{width:15px;height:15px}
.mk-seen{align-self:flex-end;font-size:11.5px;color:var(--ink-2);display:flex;align-items:center;gap:3px;margin-top:-4px}
.mk-seen .i{width:13px;height:13px;stroke-width:2.6;color:var(--primary-ink)}
.mk-own-warn{align-self:flex-end;margin-top:-4px}
.mk-start{text-align:center;margin:auto}
.mk-warnline{padding:0 14px 10px;margin-top:-4px}
.mk-foot{margin:12px}
@media (max-width:760px){.mk-warnline{display:none}}

/* ---------- seus dados e transparência ---------- */
.acct .card.pad{scroll-margin-top:96px}
.acct-jump{align-self:flex-start;max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
.acct-jump .chip{min-height:32px;white-space:nowrap}
.acct h2.h3{display:flex;align-items:center;gap:10px}
.acct h2 .tile{width:30px;height:30px;border-radius:10px}
.acct h2 .tile .i{width:16px;height:16px}
.acct-sub{font-size:15px;margin-top:10px}
.acct-pw{display:flex;flex-direction:column;gap:10px}
.acct-case{padding:12px 0;border-bottom:1px solid var(--line)}
.acct-case:last-child{border-bottom:0}
.acct-resp{white-space:pre-wrap;background:var(--surface-2);padding:10px 12px;border-radius:12px;font-size:14px}
.acct-text .chips{flex-wrap:nowrap}
.acct-text .chip[aria-checked="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:500}
.acct-docs{list-style:none;display:flex;flex-direction:column;gap:6px}
.acct-docs a{display:inline-flex;gap:8px;align-items:center;font-weight:500}
.acct-docs .i{width:16px;height:16px}
.acct-status{max-width:760px;width:100%}
.acct-status .status .tile,.acct .status .tile{flex:none}
.danger-zone{border-color:var(--bad-soft)}
.set-row>div:first-child{min-width:0}
@media (max-width:560px){.acct-text{flex-direction:column;align-items:flex-start}.set-row{align-items:flex-start}.set-row .switch{margin-top:4px}}

/* ---------- acessibilidade (Seus dados → Acessibilidade) ---------- */
/* Tamanho do texto: amplia a interface inteira, mantendo as proporções. */
html[data-text="grande"] body{zoom:1.125}
html[data-text="maior"] body{zoom:1.25}
@supports not (zoom:1){html[data-text="grande"]{font-size:112.5%}html[data-text="maior"]{font-size:125%}}

/* Reduzir animações */
html[data-motion="reduce"] *,html[data-motion="reduce"] *::before,html[data-motion="reduce"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
html[data-motion="reduce"] .aurora{animation:none!important;display:none}
html[data-motion="reduce"] .lst:hover,html[data-motion="reduce"] .comm-card:hover{transform:none}

/* Alto contraste: superfícies sólidas, texto e bordas mais fortes, foco bem visível. */
html[data-contrast="high"]{--surface:#FFFFFF;--surface-solid:#FFFFFF;--surface-2:#EDF0EC;--surface-3:#D9DED8;--glass:#FFFFFF;--glass-edge:#FFFFFF;--ink:#000000;--ink-2:#26332B;--line:rgb(0 0 0 / .55);--primary:#005C33;--primary-hover:#004A29;--primary-ink:#004A29;--primary-soft:rgb(0 92 51 / .16);--blue-ink:#123D8F;--pink-ink:#8A1747;--accent-ink:#5C4200;--bad:#A3101F;--warn:#5C3D00;--good:#0A5C34;--aurora-o:0;--shadow:none;--shadow-lg:0 0 0 2px #000}
@media (prefers-color-scheme:dark){html[data-contrast="high"]:not([data-theme="light"]){--bg:#000000;--surface:#0A0F0C;--surface-solid:#0A0F0C;--surface-2:#18201B;--surface-3:#26302A;--glass:#0A0F0C;--glass-edge:#0A0F0C;--ink:#FFFFFF;--ink-2:#DCE6DF;--line:rgb(255 255 255 / .6);--primary:#5CE09A;--primary-hover:#7DEBB0;--on-primary:#001A0B;--primary-ink:#8EF0BC;--primary-soft:rgb(92 224 154 / .2);--blue-ink:#C2D4FF;--pink-ink:#FFC2DA;--accent-ink:#FFE38A;--bad:#FF9AA3;--warn:#FFD27A;--good:#8EF0BC;--shadow-lg:0 0 0 2px #fff}}
html[data-contrast="high"][data-theme="dark"]{--bg:#000000;--surface:#0A0F0C;--surface-solid:#0A0F0C;--surface-2:#18201B;--surface-3:#26302A;--glass:#0A0F0C;--glass-edge:#0A0F0C;--ink:#FFFFFF;--ink-2:#DCE6DF;--line:rgb(255 255 255 / .6);--primary:#5CE09A;--primary-hover:#7DEBB0;--on-primary:#001A0B;--primary-ink:#8EF0BC;--primary-soft:rgb(92 224 154 / .2);--blue-ink:#C2D4FF;--pink-ink:#FFC2DA;--accent-ink:#FFE38A;--bad:#FF9AA3;--warn:#FFD27A;--good:#8EF0BC;--shadow-lg:0 0 0 2px #fff}
html[data-contrast="high"] .glass{-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-contrast="high"] .card,html[data-contrast="high"] .btn.ghost,html[data-contrast="high"] .chip,html[data-contrast="high"] .tabs{border-width:1.5px}
html[data-contrast="high"] a{text-decoration-thickness:2px}
html[data-contrast="high"] :focus-visible{outline:3px solid var(--ink);outline-offset:2px}
html[data-contrast="high"] .meta,html[data-contrast="high"] .hint,html[data-contrast="high"] .fine{font-weight:400}