/* Casca global — usa tokens de ki-tokens.css */
.ks-top{position:sticky;top:0;z-index:50;background:var(--ki-glass);-webkit-backdrop-filter:var(--ki-glass-filter);backdrop-filter:var(--ki-glass-filter);border-bottom:1px solid var(--ki-line)}
.ks-top__in{max-width:var(--ki-container);margin:0 auto;padding:10px var(--ki-pad-page-m);display:flex;align-items:center;gap:16px;flex-wrap:wrap}
@media(min-width:1024px){.ks-top__in{padding-left:var(--ki-pad-page);padding-right:var(--ki-pad-page)}}
.ks-logo{font:700 26px var(--ki-font-display);letter-spacing:-.05em;text-decoration:none;color:var(--ki-ink)}.ks-logo span{color:var(--ki-ink)}
.ks-ask{flex:1 1 260px;max-width:440px;margin:0 auto;display:flex;align-items:center;gap:8px;background:var(--ki-fill);border-radius:var(--ki-r-pill);padding:0 16px;height:40px;color:var(--ki-ink-2)}
.ks-ask svg{flex:none}.ks-ask input{flex:1;width:0;border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:var(--ki-ink)}
.ks-nav{display:flex;align-items:center;gap:6px}
.ks-ib,.ks-bi{height:var(--ki-touch);min-width:var(--ki-touch);border-radius:var(--ki-r-pill);border:0;background:var(--ki-fill);color:var(--ki-ink);display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;text-decoration:none;font:500 14px var(--ki-font)}
.ks-bi{padding:0 14px}.ks-ib[aria-expanded=true]{background:var(--ki-fill-strong)}
.ks-ib--me{background:var(--ki-ink);color:var(--ki-bg);font-weight:600}
.ks-ib[aria-current=page]{color:var(--ki-fav)}
.ks-ib:focus-visible,.ks-bi:focus-visible,.ks-dock a:focus-visible,.ks-dock button:focus-visible,.ks-pop a:focus-visible,.ks-pop button:focus-visible{outline:2px solid var(--ki-accent);outline-offset:2px}
.ks-rel{position:relative}
.ks-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:280px;background:rgba(255,255,255,.985);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;box-shadow:var(--ki-shadow-pop);padding:10px;animation:ki-pop .18s both;color:var(--ki-ink)}
[data-ki-theme=noite] .ks-pop{background:rgba(44,44,46,.96)}
.ks-pop[hidden]{display:none}
.ks-pop--apps{width:300px}
.ks-pop__h{display:block;font-size:13px;font-weight:600;color:var(--ki-ink-2);padding:6px 10px 10px}
.ks-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ks-apps a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;border-radius:var(--ki-r-m);text-decoration:none;font-size:12px;font-weight:500;color:inherit;text-align:center}
.ks-apps a span{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff}
.ks-apps a:hover{background:var(--ki-fill)}
.ks-all{display:flex;justify-content:space-between;align-items:center;min-height:var(--ki-touch);margin-top:6px;padding:0 10px;border-top:1px solid var(--ki-line);color:var(--ki-ink)!important;text-decoration:none;font-size:14px;font-weight:600}
.ks-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 10px;text-align:center;color:var(--ki-ink-2);font-size:13px}.ks-empty strong{color:var(--ki-ink);font-size:15px}
.ks-who{display:flex;gap:12px;align-items:center;padding:8px 10px}.ks-who span:last-child{display:flex;flex-direction:column;min-width:0}.ks-who small{color:var(--ki-ink-2);overflow:hidden;text-overflow:ellipsis}
.ks-who a{color:var(--ki-ink);font-size:13px;text-decoration:none}
.ks-av{width:40px;height:40px;border-radius:50%;background:var(--ki-ink);color:var(--ki-bg);display:grid;place-items:center;font-weight:600;flex:none}
.ks-pop hr,.ks-mpop hr{border:0;height:1px;background:var(--ki-line);margin:6px 8px}
.ks-pop>a,.ks-pop>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--ki-touch);padding:0 12px;border:0;border-radius:var(--ki-r-xs);background:none;font:inherit;font-size:14px;text-align:left;text-decoration:none;color:inherit;cursor:pointer}
.ks-pop>a:hover,.ks-pop>button:hover{background:var(--ki-fill)}
.ks-pop>a.on{background:var(--ki-accent-soft);font-weight:600}
.ks-pop i{font-style:normal;color:var(--ki-ink-2)}.ks-pop .danger{color:var(--ki-danger)}
.ks-pop .ks-all{border-top:1px solid var(--ki-line)}
/* folha / modal "Conta" */
.ks-sheet{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.32);display:flex;align-items:center;justify-content:center;padding:16px}
.ks-sheet[hidden]{display:none}
.ks-sheet__box{width:100%;max-width:520px;max-height:90vh;overflow:auto;background:var(--ki-bg-grouped);color:var(--ki-ink);border-radius:var(--ki-r-xl);padding:20px;display:flex;flex-direction:column;gap:16px;animation:ki-pop .18s both}
.ks-grab{display:none;width:38px;height:5px;border-radius:3px;background:var(--ki-line);align-self:center}
.ks-sheet__h{display:flex;justify-content:space-between;align-items:center}.ks-sheet__h h2{margin:0;font:700 24px var(--ki-font-display);letter-spacing:-.02em}
.ks-sheet__h button{border:0;background:none;color:var(--ki-ink);font:600 16px var(--ki-font);min-height:var(--ki-touch);cursor:pointer}
.ks-who--big{padding:0}.ks-who--big .ks-av{width:56px;height:56px;font-size:20px}
.ks-group{background:var(--ki-surface);border-radius:var(--ki-r-m);display:flex;flex-direction:column}
.ks-group>*{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:var(--ki-touch);padding:0 16px;text-decoration:none;color:inherit;font-size:15px}
.ks-group>*+*{border-top:1px solid var(--ki-line-soft)}.ks-group i{font-style:normal;color:var(--ki-ink-2);display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis}
.ks-note{margin:-6px 6px 0;font-size:13px;color:var(--ki-ink-2)}
/* dock (mobile) */
.ks-dock,.ks-mpop{display:none}
@media(max-width:767px){
  .ks-hide-m{display:none!important}
  /* celular: logo, busca e atalhos na MESMA linha, barra fixa no topo */
  .ks-top__in{flex-wrap:nowrap;gap:8px;padding-top:6px;padding-bottom:6px}
  .ks-logo{font-size:24px}
  .ks-ask{order:0;flex:1 1 0;min-width:0;max-width:none;margin:0;height:38px;padding:0 12px}
  .ks-ask input{font-size:14px;min-width:0}
  .ks-nav{margin-left:0;gap:4px}.ks-ib,.ks-bi{height:38px;min-width:38px}.ks-bi span{display:none}.ks-bi{padding:0}
  body{padding-bottom:110px}
  .ks-dock{display:flex;position:fixed;left:14px;right:14px;bottom:calc(26px + env(safe-area-inset-bottom));height:64px;z-index:70;border-radius:32px;background:var(--ki-glass);-webkit-backdrop-filter:var(--ki-glass-filter);backdrop-filter:var(--ki-glass-filter);box-shadow:0 10px 30px rgba(0,0,0,.12);align-items:center;justify-content:space-around;padding:0 8px}
  .ks-dock>a,.ks-dock .ks-rel>button{width:var(--ki-touch);height:var(--ki-touch);border-radius:50%;border:0;background:none;display:grid;place-items:center;color:var(--ki-ink-2);text-decoration:none;cursor:pointer}
  .ks-dock [aria-current=page],.ks-dock [aria-expanded=true]{color:var(--ki-ink)}
  .ks-dock .ks-dock__ki{width:52px;height:52px;background:var(--ki-ink);color:var(--ki-bg);font:700 20px var(--ki-font-display);letter-spacing:-.05em}.ks-dock__ki span{color:#8FA3FF}
  .ks-mpop{position:fixed;left:14px;right:14px;bottom:calc(100px + env(safe-area-inset-bottom));z-index:75}
  .ks-mpop:not([hidden]){display:block}
  .ks-mpop .ks-pop{position:static;width:auto;display:block}
  .ks-sheet{align-items:flex-end;padding:0}.ks-sheet__box{max-width:none;border-radius:28px 28px 0 0;max-height:92vh}.ks-grab{display:block}
  .ks-pop{position:fixed;left:14px;right:14px;top:70px;width:auto}
}

.ks-sheet__h button.ks-x{width:32px;height:32px;min-height:0;border-radius:50%;background:var(--ki-fill);color:var(--ki-ink-2);display:inline-flex;align-items:center;justify-content:center;padding:0}

.ks-sp{flex:1}
.ks-auth{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;background:var(--ki-accent);color:#fff;font:600 14px var(--ki-font);text-decoration:none;white-space:nowrap}
.ks-auth--ghost{background:var(--ki-fill);color:var(--ki-ink)}
.ks-nav .ks-auth+.ks-auth{margin-left:8px}

/* modais de fotos/listas: rola com o mouse, sem barra de rolagem visível */
.ks-sheet__box,.ks-sheet__box *,.pf-allfotos,.cp-box{scrollbar-width:none;-ms-overflow-style:none}
.ks-sheet__box::-webkit-scrollbar,.ks-sheet__box *::-webkit-scrollbar,.pf-allfotos::-webkit-scrollbar,.cp-box::-webkit-scrollbar{display:none;width:0;height:0}

/* foto da conta (logado): sempre dentro do círculo do avatar */
.ks-av{overflow:hidden}
.ks-av img,.ks-ib img,.ks-top button img,.ks-top .ks-rel img{width:100%;height:100%;max-width:100%;object-fit:cover;display:block;border-radius:inherit}
.ks-top button img,.ks-top .ks-rel img{max-width:40px;max-height:40px}
.ks-ib--me{padding:0!important;overflow:hidden}
.ks-ib--me img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;border-radius:10px}