
/* O REFÚGIO DOS LEITORES — V1.0-I / layout do mockup aprovado
   CSS adicional após V1.0-H. Sem dependências externas e sem alteração da BD. */
:root {--v13-sidebar:195px;--v13-top:74px;--v13-purple:#9d65f5;--v13-deep:#100d24;}
body.community-app.v10a {overflow-x:clip!important;background:radial-gradient(ellipse at 68% 4%,#21173b 0%,#100d24 42%,#090c1d 95%)!important;}
.community-app.v10a .community-top {
 position:sticky!important;top:0!important;z-index:65!important;
 width:calc(100% - var(--v13-sidebar))!important;max-width:none!important;
 margin-left:var(--v13-sidebar)!important;height:var(--v13-top)!important;
 padding:12px clamp(14px,1.5vw,28px)!important;
 display:flex!important;align-items:center;flex-wrap:nowrap!important;
 background:linear-gradient(105deg,#201739,#15122f 65%,#16112d)!important;
 border-bottom:1px solid rgba(188,154,247,.12)!important;
}
.community-app.v10a .community-logo {
 position:fixed!important;left:0;top:0;z-index:90;
 width:var(--v13-sidebar)!important;height:135px!important;
 max-width:none!important;margin:0!important;padding:13px 14px 8px!important;
 display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px!important;
 text-align:center;white-space:normal!important;background:#0d0b22;
 color:#fff6ff!important;font:500 22px/1.03 'Cormorant Garamond',Georgia,serif!important;
}
.community-app.v10a .community-logo img {width:65px!important;height:65px!important;object-fit:contain;}
.community-app.v10a .community-logo small {margin-top:4px;color:#cbb0eb;font-size:10px;letter-spacing:.1em;}
.community-app.v10a .community-search {margin-left:0!important;max-width:590px!important;min-width:0;flex:1 1 250px;height:44px!important;background:#332a50!important;border-radius:12px!important;}
.community-app.v10a .community-search input {margin:0!important;width:100%;}
.community-app.v10a .community-top-actions {margin-left:auto!important;flex:0 0 auto;gap:12px!important;}
.community-app.v10a .community-shell {
 display:grid!important;grid-template-columns:var(--v13-sidebar) minmax(0,1fr)!important;
 max-width:none!important;width:100%!important;margin:0!important;
 min-height:calc(100dvh - var(--v13-top));align-items:stretch;
}
.community-app.v10a .community-side {
 position:fixed!important;top:0!important;left:0!important;bottom:0!important;
 width:var(--v13-sidebar)!important;height:100dvh!important;max-height:100dvh!important;
 min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;
 padding:143px 9px 12px!important;margin:0!important;gap:0!important;
 display:flex!important;flex-direction:column!important;
 background:linear-gradient(180deg,#0d0b22,#090a1c)!important;
 border-right:1px solid rgba(190,165,246,.13)!important;
 scrollbar-width:thin;scrollbar-color:#6e6285 transparent;
}
.community-app.v10a .community-side nav {display:flex!important;flex-direction:column!important;gap:5px!important;flex:0 0 auto;}
.community-app.v10a .community-side nav a {
 display:flex!important;align-items:center;gap:13px!important;
 min-height:46px!important;padding:11px 13px!important;border-radius:11px!important;
 color:#d9d1e9!important;font-size:13px!important;line-height:1.3;
 white-space:normal!important;
}
.community-app.v10a .community-side nav a .ui-icon {flex:0 0 22px;width:22px;height:22px;}
.community-app.v10a .community-side nav a span {font-size:13px!important;text-align:left!important;width:auto!important;min-width:0;}
.community-app.v10a .community-side nav a.active,.community-app.v10a .community-side nav a:hover {
 background:linear-gradient(90deg,#4c247e,#30215b)!important;color:#fff!important;
 box-shadow:inset 3px 0 #bb85ff;
}
.community-app.v10a .community-side-bottom {display:flex!important;flex-direction:column;gap:7px!important;padding:15px 0 0!important;margin-top:auto!important;min-height:0;}
.community-app.v10a .community-side-bottom>a {padding:0 8px;color:#8f85a9!important;font-size:10px;line-height:1.3;}
.community-app.v10a .side-quote.v13-side-quote {
 display:flex!important;position:relative;flex-direction:column;justify-content:flex-end;overflow:hidden;
 min-height:clamp(195px,25vh,295px);margin:11px 0 0!important;padding:20px 13px 17px!important;
 border:1px solid rgba(180,138,249,.13);border-radius:15px!important;
 background:#15112d!important;color:#fff8ff!important;text-align:center;
 box-shadow:0 12px 28px rgba(0,0,0,.22);
}
.community-app.v10a .v13-side-quote .v13-side-image {
 position:absolute;inset:0;display:block;
 background:linear-gradient(180deg,rgba(8,8,30,.01) 0%,rgba(8,8,30,.15) 40%,rgba(8,8,30,.95) 91%),url('autor-castelo-mockup.webp') 63% 48% / cover no-repeat;
}
.community-app.v10a .side-quote.v13-side-quote strong {position:relative;z-index:1;font:500 clamp(16px,1.3vw,21px)/1.22 'Cormorant Garamond',Georgia,serif!important;text-shadow:0 2px 8px #000;}
.community-app.v10a .community-main {
 grid-column:2;display:block!important;min-width:0;width:100%!important;max-width:none!important;
 padding:14px clamp(12px,1.15vw,22px) 58px!important;margin:0!important;
}
.community-app.v10a .v10-home-grid {
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(250px,300px) minmax(255px,305px)!important;
 gap:clamp(12px,1vw,19px)!important;align-items:start;width:100%!important;max-width:none!important;
}
.community-app.v10a .v10-home-main,.community-app.v10a .v10-home-side,.community-app.v10a .v13-home-rail {min-width:0;width:100%;max-width:none;}
.community-app.v10a .v10-home-main {grid-column:1;}
.community-app.v10a .v10-home-side {grid-column:2;position:static!important;display:flex!important;flex-direction:column!important;gap:12px!important;}
.community-app.v10a .v13-home-rail {grid-column:3;display:flex;flex-direction:column;gap:12px;}
.community-app.v10a .v10-community-welcome {display:none!important;}
.community-app.v10a .v11-composer {
 background:linear-gradient(90deg,rgba(25,15,57,.98) 0%,rgba(29,17,61,.89) 42%,rgba(27,18,60,.25) 100%),url('refugio-hero.webp') 73% 52% / cover no-repeat!important;
 border:1px solid #8553c4!important;min-height:153px;border-radius:18px!important;
 padding:18px 17px!important;margin:0 0 14px!important;
}
.community-app.v10a .v11-composer textarea#new-post {background:rgba(17,12,37,.42)!important;min-height:60px!important;border-color:rgba(214,179,254,.14)!important;}
.community-app.v10a .v11-composer .v11-compose-bottom {margin-top:11px;}
.community-app.v10a .v11-image-upload,.community-app.v10a .v11-tool {background:#40316c!important;border-radius:11px!important;color:#fff!important;}
.community-app.v10a .v11-publish {background:linear-gradient(120deg,#a96cf8,#8250e0)!important;}
.community-app.v10a .v10-feed-tabs {margin:0 0 14px!important;}
.community-app.v10a .v10-feed-tabs a.active {background:linear-gradient(180deg,#39245c,#25143f)!important;border-bottom:3px solid #a766f6!important;}
/* Cartões claros e comentários no próprio feed, como na referência. */
.community-app.v10a .v10-home-feed .c-post.v101-post {
 background:linear-gradient(160deg,#fff,#f0effc)!important;color:#18152d!important;
 border:1px solid #dedaf3!important;border-radius:15px!important;
 box-shadow:0 12px 30px #05051550!important;overflow:visible!important;
}
.community-app.v10a .v10-home-feed .c-post-head a strong {color:#18142b!important;}
.community-app.v10a .v10-home-feed .c-post-head .muted {color:#726a99!important;}
.community-app.v10a .v10-home-feed .c-post>p {color:#201b35!important;}
.community-app.v10a .v10-home-feed .c-post-actions {
 background:#f9f8ff!important;color:#51437b!important;
 border-top:1px solid #e8e5f5!important;border-radius:0!important;
 padding:9px 17px!important;
}
.community-app.v10a .v10-home-feed .v11-reaction-primary,
.community-app.v10a .v10-home-feed .v11-login-reaction,
.community-app.v10a .v10-home-feed .v11-comments>.v11-comment-summary {color:#524477!important;}
.community-app.v10a .v10-home-feed .v11-reaction-primary.is-selected {color:#ef3e74!important;}
.community-app.v10a .v10-home-feed .v11-comment-host {
 background:#e9eafa!important;color:#25213d!important;border:1px solid #dddff5!important;
 padding:12px!important;border-radius:14px!important;
}
.community-app.v10a .v10-home-feed .v11-comment-meta a {color:#262044!important;}
.community-app.v10a .v10-home-feed .v11-comment-meta time {color:#736a9b!important;}
.community-app.v10a .v10-home-feed .v11-comment-content>p {color:#292342!important;}
.community-app.v10a .v10-home-feed .v11-reply-toggle {color:#6845a7!important;}
.community-app.v10a .v10-home-feed .v11-comment-compose textarea,
.community-app.v10a .v10-home-feed .v11-reply-form textarea {
 background:#fff!important;color:#25213d!important;border:1px solid #c9c5eb!important;
}
.community-app.v10a .v10-home-feed .v11-comment-compose textarea::placeholder,
.community-app.v10a .v10-home-feed .v11-reply-form textarea::placeholder {color:#71699c!important;}
.community-app.v10a .v10-home-feed .v11-muted {color:#514a6d!important;}
.community-app.v10a .v10-home-feed .c-post .c-report {background:#f9f8ff!important;color:#655780!important;}
.community-app.v10a .v10-home-feed .c-post .c-report summary {color:#645583!important;}
.community-app.v10a .v10-home-feed .c-post .c-report textarea {background:#fff!important;color:#241b39!important;}
.community-app.v10a .v10-home-side .v10-discover-widget {border-radius:15px!important;padding:15px!important;background:linear-gradient(150deg,#1b1733,#141229)!important;}
/* Painel de notificações real. */
.community-app.v10a .v13-rail-card {min-width:0;border:1px solid rgba(183,153,247,.14);border-radius:15px;padding:15px;background:linear-gradient(155deg,#21193e,#14132b);box-shadow:0 9px 24px #0002;}
.community-app.v10a .v13-rail-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 13px;}
.community-app.v10a .v13-rail-heading h2 {font:700 14px/1.35 Inter,system-ui;color:#fff;margin:0;}
.community-app.v10a .v13-rail-link {border:0;background:none;cursor:pointer;color:#b991f8!important;font:500 11px Inter,system-ui;white-space:nowrap;padding:4px 0;text-decoration:none;}
.community-app.v10a .v13-notification-card {background:linear-gradient(155deg,#fff,#f4f2fc);color:#201932;padding:15px!important;}
.community-app.v10a .v13-notification-card .v13-rail-heading h2 {color:#21172e;}
.community-app.v10a .v13-notification-card .v13-rail-link {color:#6944ad!important;}
.community-app.v10a .v13-notification-row {margin:0;}
.community-app.v10a .v13-notification-row button {display:flex;align-items:center;gap:9px;padding:8px 0;width:100%;border:0;background:transparent;text-align:left;cursor:pointer;color:#241e37;}
.community-app.v10a .v13-notification-row button:hover {background:#f0eafa;border-radius:9px;}
.community-app.v10a .v13-notification-row .c-avatar {flex:0 0 39px;width:39px;height:39px;min-width:39px;font-size:13px;}
.community-app.v10a .v13-notification-text {min-width:0;flex:1;display:grid;gap:3px;}
.community-app.v10a .v13-notification-text strong {color:#29203a;font-size:11px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;}
.community-app.v10a .v13-notification-text small {color:#6b6382;font-size:10px;}
.community-app.v10a .v13-unread-dot {width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#2668d7;}
.community-app.v10a .v13-notification-empty {color:#625976;font-size:12px;line-height:1.6;}
/* Seletor de avatares funcional na página inicial. */
.community-app.v10a .v13-avatar-card {padding:15px!important;}
.community-app.v10a .v13-avatar-tabs {display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#31254f;margin:10px 0 14px;}
.community-app.v10a .v13-avatar-tabs button {background:none;border:0;border-radius:9px;color:#cbbce5;font-size:11px;cursor:pointer;padding:10px 5px;}
.community-app.v10a .v13-avatar-tabs button[aria-pressed=true] {background:#51367d;color:#fff;box-shadow:inset 0 -2px #b47cfb;}
.community-app.v10a .v13-avatar-pane[hidden] {display:none!important;}
.community-app.v10a .v13-avatar-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
.community-app.v10a .v13-avatar-choice {position:relative;display:block;cursor:pointer;margin:0!important;min-width:0;}
.community-app.v10a .v13-avatar-choice input {position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;margin:0;}
.community-app.v10a .v13-avatar-choice img {display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:2px solid transparent;transition:transform .16s,border-color .16s;}
.community-app.v10a .v13-avatar-choice:has(input:checked) img {border-color:#bf8aff;box-shadow:0 0 0 2px #8957dc;}
.community-app.v10a .v13-avatar-choice:focus-within img {outline:2px solid #ffda9d;outline-offset:2px;}
.community-app.v10a .v13-avatar-choice:hover img {transform:translateY(-2px);}
.community-app.v10a .v13-avatar-choice-name {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.community-app.v10a .v13-avatar-own {display:grid;justify-items:center;gap:10px;color:#e4d6f6;font-size:12px;}
.community-app.v10a .v13-avatar-preview {display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:#463569;color:#fff;font-size:34px;overflow:hidden;}
.community-app.v10a .v13-avatar-preview img {width:100%;height:100%;object-fit:cover;}
.community-app.v10a .v13-avatar-own label {margin:0;text-align:center;font-size:12px;}
.community-app.v10a .v13-avatar-own input[type=file] {width:100%;max-width:100%;font-size:11px;padding:9px;color:#eee0ff;background:#211a36;border:1px solid #63528b;border-radius:9px;}
.community-app.v10a .v13-avatar-filename {font-size:11px;color:#d2bff3;overflow-wrap:anywhere;}
.community-app.v10a .v13-avatar-buttons {display:flex;gap:9px;margin-top:16px;}
.community-app.v10a .v13-avatar-buttons button {min-height:39px;flex:1;min-width:0;padding:8px 9px;border-radius:10px;cursor:pointer;font-size:11px;font-weight:700;}
.community-app.v10a .v13-avatar-cancel {background:transparent;border:1px solid #a56af5;color:#e9d7ff;}
.community-app.v10a .v13-avatar-save {background:linear-gradient(135deg,#a46bf5,#8653e5);border:1px solid #b57cfb;color:#fff;}
.community-app.v10a .v13-rail-guest h2 {color:#fff;font-size:17px;}
.community-app.v10a .v13-rail-guest p {font-size:12px;color:#d2c4eb;}
/* Faixas responsivas: nunca cortar o feed ou esconder a navegação. */
@media(max-width:1450px) {
 .community-app.v10a .v10-home-grid {grid-template-columns:minmax(0,1fr) minmax(250px,315px)!important;}
 .community-app.v10a .v10-home-side {grid-column:2;grid-row:1;}
 .community-app.v10a .v13-home-rail {grid-column:2;grid-row:2;}
 .community-app.v10a .v10-home-main {grid-column:1;grid-row:1 / span 2;}
}
@media(max-width:1040px) {
 :root {--v13-sidebar:180px;}
 .community-app.v10a .v10-home-grid {grid-template-columns:minmax(0,1fr)!important;}
 .community-app.v10a .v10-home-main,.community-app.v10a .v10-home-side,.community-app.v10a .v13-home-rail {grid-column:1!important;grid-row:auto!important;}
 .community-app.v10a .v10-home-side {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start;}
 .community-app.v10a .v13-home-rail {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}
}
@media(max-width:760px) {
 :root {--v13-sidebar:0px;--v13-top:0px;}
 .community-app.v10a .community-top {position:sticky!important;top:0!important;width:100%!important;margin:0!important;height:auto!important;min-height:66px;flex-wrap:wrap!important;gap:9px!important;padding:9px 12px!important;}
 .community-app.v10a .community-logo {position:static!important;flex:0 0 auto!important;width:auto!important;max-width:135px!important;height:auto!important;padding:0!important;flex-direction:row;gap:5px!important;background:transparent!important;font-size:15px!important;text-align:left;}
 .community-app.v10a .community-logo img {width:37px!important;height:37px!important;}
 .community-app.v10a .community-logo small {font-size:8px;}
 .community-app.v10a .community-search {order:3;flex:1 0 100%!important;width:100%;max-width:none!important;margin:0!important;}
 .community-app.v10a .community-top-actions {margin-left:auto!important;gap:6px!important;}
 .community-app.v10a .community-top-actions .top-account-name {display:none!important;}
 .community-app.v10a .community-shell {display:block!important;min-height:calc(100dvh - 110px);}
 .community-app.v10a .community-side {position:sticky!important;top:107px!important;left:auto!important;bottom:auto!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;padding:6px 10px!important;overflow-x:auto!important;overflow-y:hidden!important;border-right:0!important;border-bottom:1px solid #3b2d5d!important;z-index:30;}
 .community-app.v10a .community-side nav {display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:max-content;gap:5px!important;}
 .community-app.v10a .community-side nav a {flex:0 0 auto!important;white-space:nowrap!important;min-height:38px!important;padding:8px 10px!important;}
 .community-app.v10a .community-side nav a span {white-space:nowrap!important;}
 .community-app.v10a .community-side-bottom {display:none!important;}
 .community-app.v10a .community-main {width:100%!important;padding:12px 11px 48px!important;}
 .community-app.v10a .v10-home-side,.community-app.v10a .v13-home-rail {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:550px) {
 .community-app.v10a .v10-home-side,.community-app.v10a .v13-home-rail {grid-template-columns:minmax(0,1fr)!important;}
 .community-app.v10a .v11-composer {padding:12px!important;}
 .community-app.v10a .v11-compose-bottom {margin-left:0!important;}
 .community-app.v10a .v11-publish {width:100%;}
 .community-app.v10a .v13-avatar-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
 .community-app.v10a .c-post-image {aspect-ratio:auto!important;height:auto!important;max-height:60vh;object-fit:contain!important;}
}
@media(prefers-reduced-motion:reduce) {.community-app.v10a .v13-avatar-choice img {transition:none!important;}}

/* V1.0-I: logótipo no menu, não sobre a barra de pesquisa. */
.community-app.v10a .community-logo-mobile {display:none!important}
@media(max-width:760px){
 .community-app.v10a .community-side>.community-logo {display:none!important}
 .community-app.v10a .community-logo-mobile {display:flex!important;align-items:center;gap:7px;color:#fff!important;font:500 16px/1.05 'Cormorant Garamond',Georgia,serif;white-space:nowrap;text-decoration:none}
 .community-app.v10a .community-logo-mobile img {width:38px;height:38px}
 .community-app.v10a .community-logo-mobile small {display:block;color:#cbb0eb;font:600 8px/1.4 Inter,system-ui;letter-spacing:.12em;text-transform:uppercase}
}

/* V1.0-J — o painel ilustrado e a citação devem caber no menu lateral. */
@media (min-width:761px) and (max-height:960px) {
 .community-app.v10a .community-logo {
   height:112px!important;
   padding:7px 12px 4px!important;
   font-size:20px!important;
 }
 .community-app.v10a .community-logo img {
   width:55px!important;height:55px!important;
 }
 .community-app.v10a .community-side {
   padding-top:119px!important;
   padding-bottom:8px!important;
 }
 .community-app.v10a .community-side nav {gap:2px!important;}
 .community-app.v10a .community-side nav a {
   min-height:38px!important;padding:7px 11px!important;
   font-size:12px!important;
 }
 .community-app.v10a .community-side nav a .ui-icon {
   width:19px;height:19px;flex-basis:19px;
 }
 .community-app.v10a .community-side-bottom {
   gap:4px!important;padding-top:7px!important;
 }
 .community-app.v10a .community-side-bottom>a {
   font-size:9px;line-height:1.2;
 }
 .community-app.v10a .side-quote.v13-side-quote {
   min-height:clamp(145px,20vh,185px)!important;
   padding:14px 9px 13px!important;
   margin-top:5px!important;
 }
 .community-app.v10a .side-quote.v13-side-quote strong {
   font-size:clamp(15px,1.2vw,18px)!important;
 }
}
@media (min-width:761px) and (max-height:690px) {
 .community-app.v10a .community-side {overflow-y:auto!important;}
 .community-app.v10a .side-quote.v13-side-quote {min-height:135px!important;}
}
/* Evitar que textos longos façam crescer as colunas para além do ecrã. */
.community-app.v10a .v10-home-grid,
.community-app.v10a .v10-home-grid > *,
.community-app.v10a .v13-rail-card,
.community-app.v10a .v10-discover-widget {
 min-width:0;
 overflow-wrap:anywhere;
}
.community-app.v10a .v13-avatar-buttons {flex-wrap:wrap;}
.community-app.v10a .v13-avatar-buttons button {flex:1 1 110px;}
