/* Klugwerk Flink, demonstração no site: só a barra de cima (ver como dono, gerente ou secretária). O resto é o Flink de verdade. */
.fkd-barra { flex: 0 0 auto; background: #13233a; color: #f4efe6; border-bottom: 3px solid #f2b705; }
.fkd-wrap { display: flex; align-items: center; gap: 0.6rem 1rem; flex-wrap: wrap; padding-block: 0.45rem; }
.fkd-txt { margin: 0; font-size: 0.84rem; line-height: 1.35; flex: 1 1 30rem; min-width: 0; }
.fkd-curto { display: none; }
.fkd-txt b { color: #f2b705; font-weight: 600; }
.fkd-dica { display: block; opacity: 0.82; font-size: 0.8rem; }
.fkd-papeis { display: inline-flex; align-items: center; gap: 0.25rem; flex-wrap: nowrap; }
.fkd-papeis span { font-size: 0.82rem; margin-right: 0.2rem; opacity: 0.85; }
.fkd-papeis button { font: inherit; font-size: 0.84rem; font-weight: 600; cursor: pointer; border: 1px solid rgb(244 239 230 / 0.35); background: transparent; color: #f4efe6; padding: 0.32rem 0.7rem; border-radius: 999px; line-height: 1.2; }
.fkd-papeis button:hover { border-color: #f2b705; }
.fkd-papeis button[aria-pressed="true"] { background: #f2b705; border-color: #f2b705; color: #13233a; }
.fkd-papeis button:focus-visible, .fkd-acoes a:focus-visible, .fkd-acoes button:focus-visible { outline: 2px solid #f2b705; outline-offset: 2px; }
.fkd-acoes { display: inline-flex; gap: 0.4rem; align-items: center; }
.fkd-acoes .btn-sec { background: transparent; color: #f4efe6; border-color: rgb(244 239 230 / 0.45); }
@media (max-width: 720px) {
  .fkd-wrap { gap: 0.35rem 0.6rem; padding-block: 0.35rem; }
  .fkd-txt { flex-basis: 100%; font-size: 0.78rem; }
  .fkd-dica, .fkd-longo, .fkd-rec-txt { display: none; }
  .fkd-curto { display: inline; }
  .fkd-papeis span { display: none; }
  .fkd-papeis button { font-size: 0.78rem; padding: 0.28rem 0.55rem; }
  .fkd-acoes .btn { font-size: 0.78rem; padding: 0.28rem 0.6rem; }
  .fkd-papeis, .fkd-acoes { flex: 0 0 auto; }
  .fkd-wrap { justify-content: space-between; }
}
@media (max-width: 400px) { .fkd-acoes a.btn { display: none; } .fkd-papeis button { padding: 0.28rem 0.5rem; } }
