:root{font-family:Inter,system-ui,Arial,sans-serif;color:#20242d;background:#f2f4f8}*{box-sizing:border-box}body{margin:0}header{background:#0a2865;color:white;padding:19px max(24px,4vw);display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-size:22px;font-weight:850;letter-spacing:-.5px}.brand small{font-weight:400;font-size:13px;opacity:.8}.symbol{color:#ffb820}.tag{font-size:12px;background:#233f77;padding:7px 12px;border-radius:30px}main{max-width:1500px;margin:auto;padding:28px 26px}.controls{background:white;border-radius:15px;padding:25px 28px;box-shadow:0 4px 20px #27385810}h1{margin:0;font-size:28px}h2{font-size:21px;margin:0}.intro{color:#697181;margin:6px 0 23px}details{border:1px solid #e0e4ed;border-radius:10px;margin-bottom:16px}summary{cursor:pointer;padding:12px 16px;font-weight:700}.hint{font-size:12px;font-weight:400;color:#78808b;margin-left:10px}.settings,.lookups{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.settings{padding:4px 16px 12px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#555e6c;font-weight:700;flex:1;min-width:190px}input,select{padding:12px 13px;border:1px solid #cbd2de;border-radius:8px;background:#fff;color:#202632;width:100%;font:inherit}button{background:#102d68;border:0;border-radius:9px;padding:12px 16px;color:white;font-weight:750;cursor:pointer}button:hover{background:#1e4a9c}button:disabled{opacity:.5;cursor:not-allowed}.help{font-size:12px;color:#697181;margin:0 16px 13px}.selector{min-width:250px}#message{font-size:13px;margin-top:10px;color:#b43636;min-height:12px}.wall-section{margin-top:25px}.wall-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:17px}.wall-head span{color:#747d8d;font-size:13px}.wall-head input{max-width:300px}.wall{columns:4 240px;column-gap:17px}.card{break-inside:avoid;background:#fff;display:inline-block;width:100%;margin-bottom:18px;border-radius:13px;overflow:hidden;box-shadow:0 3px 16px #202a4116;cursor:pointer;border:1px solid #e2e6ed;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #202a4124}.card-top{background:#172033;color:white;padding:12px 14px;display:flex;gap:9px;align-items:center}.avatar{width:36px;height:36px;background:#8560cc;border-radius:50%;display:grid;place-items:center;font-size:18px}.person{font-weight:750;font-size:14px}.stamp{font-size:11px;color:#b7becf}.card-media{width:100%;max-height:300px;object-fit:cover;display:block;background:#101827}.card-video{width:100%;aspect-ratio:16/9;background:#101827}.card-body{padding:16px}.qa{margin:0 0 15px}.q{font-size:12px;color:#656c7a;line-height:1.4}.a{font-size:14px;line-height:1.45;overflow-wrap:anywhere;margin-top:5px}.a a{color:#17458b}.pill{display:inline-block;background:#f2f3f6;border-radius:6px;padding:6px 9px}.empty{background:#fff;border:1px dashed #cdd5e0;color:#7c8490;padding:45px;text-align:center;border-radius:13px;break-inside:avoid}.overlay{position:fixed;inset:0;background:#0b1426bb;display:grid;place-items:center;z-index:10;padding:20px}.overlay[hidden]{display:none}.dialog{position:relative;background:white;padding:25px;border-radius:16px;width:min(680px,100%);max-height:90vh;overflow:auto}.dismiss{position:sticky;top:0;float:right;background:#e8ebf0;color:#151e2f;font-size:22px;padding:4px 13px}.dialog img{max-width:100%;border-radius:8px}.dialog .qa{border-bottom:1px solid #e9ebf0;padding:12px 0}.detail-media{display:grid;gap:12px}.detail-media img,.detail-media video{width:100%;max-height:400px;object-fit:contain;background:#111}@media(max-width:650px){main{padding:12px}header{padding:14px}.tag{display:none}.controls{padding:18px}.wall-head{align-items:stretch;flex-direction:column}.wall-head input{max-width:none}.wall{columns:1}.settings,.lookups{align-items:stretch}.settings>* ,.lookups>*{width:100%}}
/* Simulador 1.1: cards compactos, galerias e registros estruturados. */
.card-body{padding:15px 16px 9px}.card-body .qa:nth-of-type(n+5){display:none}.card-body .a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.card-body .qa{margin-bottom:12px}.card-body .record{font-size:12px;max-height:120px;overflow:hidden}.card-body .record-fields{margin:5px 0 0}.record{border:1px solid #e2e7ef;border-radius:9px;padding:12px;margin:8px 0;background:#fbfcfe}.record strong{font-size:13px}.record-fields{display:grid;grid-template-columns:minmax(105px,38%) 1fr;gap:5px 9px;margin:10px 0 0;overflow-wrap:anywhere}.record-fields dt{font-size:12px;color:#667080}.record-fields dd{margin:0;font-size:13px}.more{font-size:12px;color:#345a91;font-weight:650;margin:8px 0}.card-foot{padding:9px 15px;border-top:1px solid #eef0f4;display:flex;justify-content:space-between;color:#335484;font-size:12px;font-weight:700;background:#fafbfe}.card-person{display:flex;flex-direction:column;min-width:0}.card-media{max-height:none}.media-slider{background:#101827;position:relative}.media-viewport{width:100%;overflow:hidden}.media-slide{width:100%;height:230px;display:flex;align-items:center;justify-content:center}.media-slide[hidden]{display:none}.media-slide img,.media-slide video{width:100%;height:100%;object-fit:cover}.media-navigation{position:absolute;bottom:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.media-arrow,.media-count{pointer-events:auto;background:#0c1520b8;color:white;border-radius:30px}.media-arrow{padding:4px 12px;font-size:24px}.media-arrow:disabled{display:none}.media-count{font-size:11px;padding:6px 10px}.media-large{border-radius:10px;overflow:hidden;margin:12px 0 24px}.media-large .media-slide{height:auto;min-height:240px;max-height:65vh}.media-large .media-slide img,.media-large .media-slide video{height:auto;max-height:65vh;object-fit:contain}.stamp-detail{color:#687080;font-size:13px;margin:4px 0 20px}.dialog{width:min(790px,100%)}.dialog h3{margin:18px 0 6px}.dialog .a{margin-top:5px}.youtube-player{display:block;border:0;width:100%;max-width:640px;aspect-ratio:16/9;margin-top:12px;border-radius:8px}.answer-link{overflow-wrap:anywhere}.modal-open{overflow:hidden}@media(max-width:650px){.media-slide{height:240px}.media-large .media-slide{min-height:160px}}

/* v1.2: improved compact Padlet-style reading and details. */
.card{outline-offset:3px}.card:focus-visible{outline:3px solid #376dda}.card-top{background:linear-gradient(115deg,#172033,#243c66)}
.card-body{padding:14px 15px 7px}.card-body .qa{margin-bottom:12px}.card-body .q{font-size:12px;font-weight:650;color:#526176}.card-body .a{font-size:13px}.card-body .record{max-height:135px;background:#f7f9fd}.card-body .record-fields{grid-template-columns:minmax(82px,43%) minmax(0,1fr)}
.card-foot{background:#f6f8fc}.card-foot:hover{color:#092c6b}.dialog{width:min(900px,100%);padding:26px 30px 32px;box-shadow:0 25px 80px #0005}.dialog h2{font-size:23px;margin:4px 50px 0 0}.dialog h3{font-size:17px}.dialog .qa{padding:14px 0}.dialog .q{font-size:13px;font-weight:750;color:#50617a}.dialog .a{font-size:15px;line-height:1.6}.dialog .record{background:#f9fbff;border-color:#dfe6f1}.dialog .record strong{display:block;margin-bottom:9px;color:#173766}.dialog .record-fields{grid-template-columns:minmax(120px,37%) minmax(0,1fr);gap:9px 14px}.dialog .record-fields dt{color:#65758b;font-size:13px}.dialog .record-fields dd{font-size:14px}.dialog .media-large{margin-top:14px}.dismiss{z-index:3}.dialog .youtube-player{max-width:760px}.card .answer-link{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media(max-width:650px){.dialog{padding:18px 16px}.dialog .record-fields{grid-template-columns:minmax(88px,40%) minmax(0,1fr)}.card-body .record-fields{grid-template-columns:minmax(80px,40%) minmax(0,1fr)}}

.clientroot{min-width:190px}.clientroot input{width:100%}.client-chip{font-size:12px;padding:7px 12px;background:#eef3fb;color:#163567;font-weight:600}.participant-details{border:1px solid #dbe3ed;border-radius:10px;padding:13px;margin:12px 0;background:#f7f9fc}.participant-details h3{margin:0 0 10px;font-size:16px}.participant-details .record-fields{display:grid;grid-template-columns:minmax(110px,35%) 1fr;gap:6px;font-size:13px}.profile-relations{margin-top:10px}.profile-relations p{white-space:pre-wrap;word-break:break-word}

/* 1.4: reset independent of the PHP connection, feedback toast and inline YouTube carousel */
.clear-wall{background:#e7ebf3;color:#19325c;border:1px solid #d4dce9}.clear-wall:hover{background:#d7e0ef;color:#0c2b62}
.toast{position:fixed;right:22px;bottom:24px;max-width:min(440px,calc(100vw - 44px));background:#112f68;color:white;padding:15px 20px;border-radius:10px;box-shadow:0 12px 34px #0e193660;z-index:100;font-size:14px;font-weight:650}
.toast[hidden]{display:none}.toast-error{background:#9e2834}
.youtube-slide{position:relative;background:#111827}.youtube-slide .youtube-play-indicator{position:absolute;background:#ed2535;color:white;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:14px;padding:12px 23px;font-size:23px;pointer-events:none}
.media-slide.youtube-slide iframe.youtube-carousel-player{position:absolute;inset:0;width:100%;height:100%;border:0;max-height:none}
.media-large .youtube-slide{aspect-ratio:16/9;height:auto;min-height:0;max-height:none}.media-large .youtube-slide img{width:100%;height:100%;object-fit:contain}

/* v1.5: video playback from publication cards. */
.card .media-slide video{object-fit:contain;background:#0d111a;cursor:auto}
.youtube-play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:14px;background:#e72535;color:#fff;font-size:25px;padding:12px 24px;z-index:2;box-shadow:0 4px 16px #0007}
.youtube-play-button:hover{background:#c81929}
.card .youtube-slide:has(iframe) img{display:none}
.media-slide iframe.youtube-carousel-player{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1}


/* v1.6: cards in a darker Padlet-like visual style and navigation below media. */
.card{background:#0f1117;border-color:#1f2431;box-shadow:0 10px 24px #0b10221f}
.card:hover{box-shadow:0 14px 30px #0b102236}
.card-top{background:linear-gradient(180deg,#182846,#203760)}
.client-chip{background:#121826;color:#f2f5fb;border-top:1px solid #232b3b;border-bottom:1px solid #232b3b}
.card-body{background:#0f1117;color:#f4f7fb}
.card-body .q{color:#d7deea}
.card-body .a,.card-body .a span,.card-body .a p{color:#ffffff}
.card-body .a a,.card-foot,.card-foot span,.more{color:#b9d0ff}
.card-body .qa{padding-bottom:10px;border-bottom:1px solid #1e2431}
.card-body .qa:last-of-type{border-bottom:0}
.record{background:#171c28;border-color:#2a3243;color:#fff}
.record strong{color:#fff}
.record-fields dt{color:#b7c1d4}
.record-fields dd{color:#fff}
.card-foot{background:#10141d;border-top:1px solid #232b3b}
.card-foot:hover{color:#d7e5ff}
.media-slider{display:flex;flex-direction:column;background:#05070b}
.media-viewport{background:#05070b}
.media-slide{background:#05070b}
.media-slide img,.media-slide video{background:#05070b}
.media-navigation{position:static;left:auto;right:auto;bottom:auto;pointer-events:auto;background:#05070b;padding:10px 12px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.media-arrow,.media-count{pointer-events:auto;background:#182031;color:#fff;border:1px solid #2a3650}
.media-arrow{padding:6px 14px;font-size:22px;line-height:1}
.media-arrow:hover{background:#22304a}
.media-arrow:disabled{display:none}
.media-count{font-size:12px;padding:6px 12px;min-width:68px;text-align:center}
.youtube-slide .youtube-play-indicator,.youtube-play-button{z-index:2}
@media(max-width:650px){.card-body .q{font-size:12px}.card-body .a{font-size:13px}}

/* v1.6.1: uniform dark cards and restoration of YouTube thumbnails. */
.card .record,.card-body .record,.card-body .record-fields,.card-body .record strong{background:#1b2332;color:#fff}
.card .record,.card-body .record{border:1px solid #334158;border-radius:9px}
.card .record-fields{background:transparent}
.card .record-fields dt,.card-body .record-fields dt{color:#c5d0e3}
.card .record-fields dd,.card-body .record-fields dd{color:#fff}
.card .youtube-slide img[hidden],.card .youtube-play-button[hidden]{display:none!important}
.card .youtube-slide:not(:has(iframe)) .youtube-play-button:not([hidden]){display:block}

/* v1.7: Padlet-inspired responsive dimensions and interactions */
.wall{columns:4 252px;column-gap:16px}
.card{margin-bottom:17px;border-radius:17px;box-shadow:0 5px 18px rgba(8,17,36,.2);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;-webkit-tap-highlight-color:transparent}
.card-top{padding:13px 15px;gap:11px}.card-top .avatar{flex:none;width:37px;height:37px}
.card-person{overflow:hidden}.person{display:block;overflow-wrap:anywhere}
.card-body{padding:16px 16px 8px}.card-body .qa{margin-bottom:12px}.card-body .q{font-size:12px;line-height:1.55}.card-body .a{font-size:13px;line-height:1.55}
.card-foot{padding:12px 16px}.card .record{border-radius:11px;padding:12px;margin:9px 0}.card .record-fields{gap:6px 10px}
.media-slide{height:242px}.media-navigation{min-height:58px;padding:10px 14px;background:#080b11}
.media-arrow{min-width:37px;min-height:37px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.media-arrow:focus-visible,.card:focus-visible,.youtube-play-button:focus-visible{outline:3px solid #92b6ff;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.card:hover{transform:translateY(-4px);border-color:#526d9a;box-shadow:0 15px 34px rgba(8,17,36,.3)}.card:hover .card-foot{background:#19283f}}
@media(hover:none){.card:hover{transform:none}.card:active{transform:scale(.992);border-color:#608bd0;box-shadow:0 3px 12px rgba(8,17,36,.22)}.media-arrow:active{filter:brightness(1.25);transform:scale(.95)}.youtube-play-button:active{filter:brightness(1.25);transform:translate(-50%,-50%) scale(.95)}}
@media(max-width:900px){main{padding:18px 16px}.wall{columns:2 235px;column-gap:14px}}
@media(max-width:650px){header{padding:13px 16px}.brand{font-size:18px}.brand small{font-size:11px}.controls{padding:18px 16px;border-radius:14px}.wall-head{gap:12px}.wall{columns:2 220px;column-gap:12px}.card{margin-bottom:14px;border-radius:16px}.card-top{padding:11px 12px}.card-body{padding:13px 12px 6px}.card-foot{padding:11px 12px}.card .media-slide{height:195px}.media-navigation{padding:8px 10px;min-height:52px}.card .record-fields{grid-template-columns:minmax(72px,43%) minmax(0,1fr)}}
@media(max-width:495px){main{padding:12px 10px}.wall{columns:1;column-gap:0}.card{width:100%;max-width:410px;display:block;margin:0 auto 16px}.card .media-slide{height:245px}.card-body{padding:15px}.card-foot{padding:12px 15px}}
@media(prefers-reduced-motion:reduce){.card,.media-arrow,.youtube-play-button{transition:none!important}.card:hover,.card:active{transform:none}}


/* v1.7.1 — ajuste fino de cores e espaçamento dos registros dinâmicos */
.card{background:#272b39;border-color:#3a4358}
.card-body{background:#272b39;color:#f4f7fb}
.card-body .qa{border-bottom:1px solid #3a4358}
.card-foot{background:#232735;border-top:1px solid #3a4358}
.card:hover .card-foot{background:#1f2431}
.client-chip{background:#1f2431;border-top:1px solid #3a4358;border-bottom:1px solid #3a4358;color:#fff}
.record,.card .record,.card-body .record{background:#2d3950 !important;border:1px solid #41536f !important;color:#fff}
.record strong,.card .record strong,.card-body .record strong{color:#fff}
.record-fields dt,.card .record-fields dt,.card-body .record-fields dt{color:#d6deec}
.record-fields dd,.card .record-fields dd,.card-body .record-fields dd{color:#fff}
/* mais respiro abaixo do quadro antes dos links/resumos */
.card .record,.card-body .record{margin:10px 0 16px !important;padding-bottom:14px}
.more{margin:10px 0 14px}


/* v1.7.2 — contraste e ausência de cortes nos registros dinâmicos */
.dialog .record{background:#2d3950 !important;border:1px solid #41536f !important;color:#fff;padding:16px 18px;margin:12px 0 16px}
.dialog .record strong{color:#fff !important}
.dialog .record .record-fields dt{color:#d6deec !important}
.dialog .record .record-fields dd,.dialog .record .record-fields dd span,.dialog .record .record-fields dd a{color:#fff !important}
.dialog .participant-details .record-fields dt{color:#64748b}
.dialog .participant-details .record-fields dd{color:#202632}
.card-body .qa:has(.record) .a{display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset}
.card-body .record{max-height:none !important;overflow:visible !important;padding:14px 13px 18px !important}
.card-body .record-fields{margin-top:9px}
.card-body .record-fields dd,.card-body .record-fields dt{line-height:1.45}

/* v1.7.3 — a identificação do registro não é uma tarja; modal usa paleta clara. */
.card .record strong,
.card-body .record strong,
.card-body .record .record-fields strong {
  background:transparent !important;
  color:#ffffff !important;
  display:block;
  padding:0;
  box-shadow:none;
  text-decoration:none;
}
/* O seletor do modal é mais específico que o tema escuro compartilhado. */
.dialog .record,
.dialog .record.record {
  background:#f5f7fb !important;
  border:1px solid #dce3ed !important;
  color:#1b2b43 !important;
  border-radius:10px;
  padding:16px 18px;
  margin:12px 0 16px;
}
.dialog .record strong,
.dialog .record.record strong {
  background:transparent !important;
  color:#182e52 !important;
  box-shadow:none;
  display:block;
  padding:0;
}
.dialog .record .record-fields dt,
.dialog .record .record-fields dt span {
  background:transparent !important;
  color:#586b85 !important;
}
.dialog .record .record-fields dd,
.dialog .record .record-fields dd span {
  background:transparent !important;
  color:#172438 !important;
}
.dialog .record .record-fields dd a {color:#164c91 !important;}

/* v1.7.4 — acabamento visual inspirado no Padlet; apenas cards do mural. */
.card {
  background:#272b39;
  border-color:#3b4252;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.card .card-top {
  background:#17233b;
  border-bottom:1px solid #2b3650;
}
.card .client-chip {
  background:#202636;
  border-top:0;
  border-bottom:1px solid #394255;
}
.card .card-body {
  background:#272b39;
  color:#f7f8fc;
  font-size:13px;
  letter-spacing:0;
}
.card .card-body .qa {
  border-bottom:1px solid #465063;
  padding-bottom:12px;
  margin-bottom:12px;
}
.card .card-body .qa:last-of-type {border-bottom:0;}
.card .card-body .q {
  font-size:12px;
  font-weight:650;
  line-height:1.45;
  color:#e0e5ee;
}
.card .card-body .a {
  font-size:13px;
  font-weight:400;
  line-height:1.55;
  color:#fff;
}
.card .person {font-size:14px;font-weight:750;letter-spacing:-.01em;line-height:1.3;}
.card .stamp {font-size:11px;color:#ccd5e5;line-height:1.45;}
.card .card-foot {background:#222737;border-top:1px solid #465063;}
.card .card-foot span {font-size:12px;letter-spacing:0;}
.card .more {color:#c5d9ff;font-size:12px;}
.card .record,.card .card-body .record {background:#2d3950 !important;border-color:#4b6080 !important;}
.card .record strong{font-size:13px;font-weight:700;line-height:1.45;}
.card .record-fields dt {color:#d9e1ef;font-size:12px;line-height:1.5;}
.card .record-fields dd {color:#fff;font-size:12px;line-height:1.5;}
@media(hover:hover) and (pointer:fine) {
  .card:hover .card-foot {background:#2b3447;}
}
/* O modal continua claro, inclusive em registros dinâmicos e perfil. */


/* v1.7.5 — tipografia de perguntas/respostas e pílulas para escolhas, mais próximas do Padlet */
.card .card-top {
  background:#142032;
  border-bottom:1px solid #263248;
}
.card .card-body .q {
  font-size:12px;
  font-weight:500;
  line-height:1.45;
  color:#b4bdcc;
  letter-spacing:.01em;
}
.card .card-body .a {
  font-size:14px;
  font-weight:500;
  line-height:1.6;
  color:#ffffff;
  margin-top:7px;
}
.card .card-body .qa-choice .a {
  margin-top:8px;
}
.answer-pills {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.answer-pill {
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 13px;
  border-radius:12px;
  background:#313746;
  border:1px solid #505868;
  color:#ffffff;
  font-size:15px;
  font-weight:500;
  line-height:1.2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.card .answer-link,
.card .a a {
  color:#ffffff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.28);
}
.card .a a:hover {
  border-bottom-color:rgba(255,255,255,.7);
}
.dialog .q {
  color:#5d6f88;
  font-size:13px;
  font-weight:600;
}
.dialog .a {
  color:#1c2738;
  font-size:15px;
  font-weight:500;
}
.dialog .answer-pills {
  gap:10px;
}
.dialog .answer-pill {
  background:#eef3fa;
  border:1px solid #ccd8ea;
  color:#18304f;
  font-size:14px;
  font-weight:600;
}
@media(max-width:650px){
  .card .card-body .q {font-size:11.5px;}
  .card .card-body .a {font-size:13.5px;}
  .answer-pill {font-size:14px; min-height:32px; padding:6px 12px;}
}

/* v1.7.6: filtros e avatares com iniciais */
.card .avatar{font-size:13px;font-weight:800;letter-spacing:.02em;color:#fff;user-select:none}
.wall-filters{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;margin:0 0 18px}
.wall-filters label{min-width:0}.wall-filters select{font-size:13px;padding:10px 12px}
.hidden-details{background:#f4f7fb;border:1px solid #dce3ed;border-radius:10px;padding:14px 18px;margin-top:16px}
.hidden-details h3{margin:0 0 12px}.hidden-details .record-fields dt{color:#586b85}.hidden-details .record-fields dd{color:#172438}
@media(max-width:900px){.wall-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:495px){.wall-filters{grid-template-columns:1fr}}