:root{--bg:#fff8ff;--paper:#ffffff;--lilac:#8f65d7;--rose:#ff8abb;--ink:#2d2638;--muted:#6f627a;--line:#eadcf9;--soft:#f6eefe;--gold:#b8964c}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#fff8ff,#f4ecff 52%,#fff2f8);color:var(--ink);line-height:1.6}
a{color:#7046b5} .topbar{font-size:.9rem;text-align:center;padding:.45rem .75rem;background:#fff;color:#6b5a75;border-bottom:1px solid var(--line)}
header.hero{padding:3.5rem 1rem;text-align:center;background:radial-gradient(circle at top,#fff,#f7ecff 60%,#ffeef6)}
.badge{display:inline-block;padding:.35rem .75rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:#6f4bb2;font-weight:700;font-size:.85rem}
h1{font-size:clamp(2rem,5vw,4rem);margin:.85rem 0 .5rem} .lead{max-width:760px;margin:0 auto;color:var(--muted);font-size:1.1rem}
nav{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);padding:.72rem 1rem;border-radius:999px;background:#fff;text-decoration:none;font-weight:700;box-shadow:0 8px 20px rgba(121,80,168,.08)}.btn.primary{background:linear-gradient(135deg,var(--lilac),var(--rose));color:white;border:0}
main{max-width:1120px;margin:0 auto;padding:2rem 1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.card{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:1.4rem;padding:1.25rem;box-shadow:0 12px 30px rgba(121,80,168,.08)}.card h2,.card h3{margin-top:0}.note{font-size:.95rem;color:var(--muted);border-left:4px solid var(--rose);padding:.75rem 1rem;background:#fff;border-radius:.75rem}.robot{width:150px;height:150px;margin:1rem auto;background:linear-gradient(135deg,#fff,#f4e9ff);border:3px solid #dac5ff;border-radius:35px;position:relative;box-shadow:0 18px 40px rgba(121,80,168,.16)}.robot:before,.robot:after{content:"";position:absolute;top:48px;width:24px;height:24px;background:#7a58c9;border-radius:50%}.robot:before{left:38px}.robot:after{right:38px}.robot .mouth{position:absolute;left:45px;right:45px;bottom:40px;height:14px;border-bottom:4px solid #ff8abb;border-radius:50%}.inputbox{display:grid;gap:.75rem}.inputbox textarea{width:100%;min-height:140px;border:1px solid var(--line);border-radius:1rem;padding:1rem;font:inherit;background:#fff}.actions{display:flex;flex-wrap:wrap;gap:.6rem}.mini{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.55rem .8rem;font-weight:700;cursor:pointer}footer{margin-top:2rem;text-align:center;color:var(--muted);padding:2rem 1rem;border-top:1px solid var(--line);background:rgba(255,255,255,.75)}blockquote{margin:0;padding:1rem;border-left:4px solid var(--lilac);background:#fff;border-radius:.75rem}.album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.placeholder{height:180px;border-radius:1.25rem;background:linear-gradient(135deg,#f7ecff,#ffeef6);display:grid;place-items:center;border:1px dashed #d8c5ec;color:#7a58c9;font-weight:800;text-align:center;padding:1rem}

.hero-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;align-items:center;max-width:1120px;margin:1.25rem auto 0}.hero-figure{display:flex;justify-content:center}.hero-figure img{max-width:min(420px,100%);width:100%;height:auto;border-radius:1.6rem;box-shadow:0 18px 45px rgba(121,80,168,.16);border:1px solid var(--line);background:#fff}.hero-copy{display:grid;gap:1rem;align-content:center}.hero-copy .lead{margin:0}.hero-copy nav{justify-content:flex-start}.subtle{color:var(--muted)}.full-card{margin-top:1rem}.status{font-size:.95rem;color:#6f4bb2;background:#fff;border:1px dashed #d9c6f8;border-radius:.9rem;padding:.75rem 1rem;margin-top:.75rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem}.feature{background:#fff;border:1px solid var(--line);border-radius:1.2rem;padding:1rem;box-shadow:0 10px 20px rgba(121,80,168,.06)}.feature h4{margin:.2rem 0 .5rem;font-size:1rem}.feature p{margin:0;color:var(--muted);font-size:.95rem}.feature-icon{font-size:1.5rem;color:#7d5ac7}.action-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.85rem}.mini.primary{background:linear-gradient(135deg,var(--lilac),var(--rose));color:#fff;border:none}.mini.soft{background:var(--soft)}.split{display:grid;grid-template-columns:1.35fr 1fr;gap:1rem}.query-title{display:flex;align-items:center;gap:.6rem}.legal-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.legal-strip .feature{display:flex;gap:.85rem;align-items:flex-start}.legal-strip .feature-icon{font-size:1.25rem;margin-top:.1rem}.preview-card img{width:100%;height:auto;border-radius:1rem;border:1px solid var(--line);box-shadow:0 12px 25px rgba(121,80,168,.09)}
@media (max-width: 800px){.split{grid-template-columns:1fr}.hero-copy nav{justify-content:center}.hero-copy{text-align:center}}

.download-cta{margin-top:1.25rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.download-hero-button{font-size:1.08rem;padding:.95rem 1.35rem;border-radius:999px;background:linear-gradient(135deg,#6f4bb2,#ff8abb);color:#fff!important;text-decoration:none;font-weight:900;box-shadow:0 16px 35px rgba(121,80,168,.22);border:0}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.75rem;padding:.85rem 1.1rem;border-radius:999px;background:linear-gradient(135deg,#6f4bb2,#ff8abb);color:#fff!important;text-decoration:none;font-weight:900;box-shadow:0 12px 25px rgba(121,80,168,.18);border:0}.download-button.secondary{background:#fff;color:#6f4bb2!important;border:1px solid var(--line);box-shadow:0 8px 20px rgba(121,80,168,.08)}.download-card{position:relative}.download-card:before{content:'⬇';position:absolute;right:1rem;top:1rem;font-size:1.4rem;color:#ff8abb}.download-alert{border:2px solid #ff8abb;background:linear-gradient(135deg,#fff,#fff0f7);padding:1rem;border-radius:1.2rem;margin:1rem 0;box-shadow:0 12px 25px rgba(121,80,168,.08)}


.album-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1rem}
.album-gallery.two-up{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.album-card{background:#fff;border:1px solid var(--line);border-radius:1.35rem;overflow:hidden;box-shadow:0 12px 24px rgba(121,80,168,.08);display:flex;flex-direction:column}
.album-card img{width:100%;height:260px;object-fit:cover;background:linear-gradient(135deg,#f7ecff,#fff)}
.album-card-body{padding:1rem;display:grid;gap:.65rem}
.album-card h3{margin:0;font-size:1.15rem}
.album-story{margin:0;color:var(--ink)}
.album-meta{margin:0;color:var(--muted);font-size:.95rem}
.album-missing{margin:0;color:#8a5ccf;font-weight:700;font-size:.95rem}
.placeholder-card .placeholder-inner{min-height:260px;display:grid;place-items:center;text-align:center;padding:1rem;background:linear-gradient(135deg,#f7ecff,#ffeef6);border-bottom:1px dashed #d8c5ec;color:#7a58c9;font-weight:900;font-size:1.15rem}
.section-intro{margin-bottom:1rem}
@media (max-width:700px){.album-card img,.placeholder-card .placeholder-inner{height:220px}}

.micro-note{font-size:.9rem;color:var(--muted);margin:.75rem 0 0;padding:.65rem .85rem;border:1px dashed var(--line);border-radius:.8rem;background:rgba(255,255,255,.72)}


.download-popover{position:absolute;z-index:9999;display:grid;gap:.35rem;min-width:210px;padding:.55rem;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 18px 40px rgba(45,38,56,.18)}
.download-popover button{border:1px solid var(--line);background:#fff;border-radius:.75rem;padding:.65rem .75rem;font-weight:800;text-align:left;cursor:pointer;color:var(--ink)}
.download-popover button:hover{background:var(--soft);color:#6f4bb2}
.download-menu-toggle{background:linear-gradient(135deg,#fff,#f6eefe);border-color:#d9c6f8!important;color:#6f4bb2!important}


.voice-control{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.75rem;padding:.7rem .85rem;border:1px solid var(--line);border-radius:1rem;background:rgba(255,255,255,.82)}
.voice-control label{font-weight:800;color:#6f4bb2}
.voice-control select{border:1px solid var(--line);border-radius:999px;padding:.55rem .75rem;background:#fff;color:var(--ink);font:inherit;min-width:min(100%,260px)}
.voice-hint{font-size:.86rem;color:var(--muted)}


.hidden-file-input{display:none!important}
.attachment-list{margin-top:.7rem;padding:.7rem .9rem;border:1px dashed var(--line);border-radius:.9rem;background:#fff;color:var(--muted);font-size:.92rem;display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}
.attachment-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;background:var(--soft);border:1px solid var(--line);color:#6f4bb2;font-weight:700;font-size:.86rem}

/* Pacote mobile Samsung - responsividade Charlie Echo */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%;height:auto}
button,input,select,textarea{max-width:100%}
.card,.feature,.voice-control,.attachment-list,.download-alert,.album-card{overflow-wrap:anywhere}
@media (max-width:640px){
  header.hero{padding:2rem .85rem}
  h1{font-size:clamp(2rem,12vw,2.65rem);line-height:1.05}
  .lead{font-size:1rem}
  main{padding:1rem .85rem}
  nav,.actions,.action-row,.download-cta{display:grid;grid-template-columns:1fr;width:100%}
  .btn,.mini,.download-button,.download-hero-button{width:100%;justify-content:center;text-align:center;border-radius:.9rem}
  .hero-media,.grid,.feature-grid,.legal-strip,.album-gallery,.album-gallery.two-up{grid-template-columns:1fr}
  .voice-control{display:grid;grid-template-columns:1fr;padding:.75rem}
  .voice-control select{width:100%;min-width:0;border-radius:.8rem}
  .inputbox textarea{min-height:150px}
  .download-popover{left:.75rem!important;right:.75rem;top:auto!important;bottom:1rem;width:auto;position:fixed}
  .attachment-pill{width:100%;justify-content:flex-start;border-radius:.8rem}
}

/* Pacote mobile Samsung - responsividade Jus 9 */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%;height:auto}
button,input,select,textarea{max-width:100%}
@media(max-width:760px){
  .container,.wrap,.page,main{max-width:100%;}
  nav,.nav,.menu,.links,.nav-links,.actions,.link-actions,.social-links,.origin-links{flex-wrap:wrap;}
  .grid,.grid2,.grid-2,.grid-3,.grid-4,.cards3,.profile-grid,.demo-grid,.demo-grid-2,.workbench,.timeline,.footer-grid{grid-template-columns:1fr!important;}
  table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
}

/* Menu lateral limpo para os chats da Charlie Echo */
.charlie-chat-shell{background:#fbf7f4;color:#2d2638}
.charlie-chat-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:40;display:flex;flex-direction:column;gap:18px;padding:18px 14px;background:#fbf3f1;border-right:1px solid rgba(45,38,56,.10);box-shadow:8px 0 28px rgba(45,38,56,.06)}
.charlie-chat-sidebar .chat-brand{display:grid;gap:2px;padding:10px 12px 14px;color:#2d2638;text-decoration:none;font-weight:900}
.charlie-chat-sidebar .chat-brand span{font-size:1.05rem}.charlie-chat-sidebar .chat-brand small{color:#7c707f;font-weight:700}
.charlie-chat-sidebar nav{display:grid;gap:6px;margin:0;justify-content:stretch}
.charlie-chat-sidebar nav a,.charlie-chat-sidebar .chat-contact{display:flex;align-items:center;min-height:38px;padding:9px 12px;border-radius:8px;color:#514757;text-decoration:none;font-weight:760;border:1px solid transparent;box-shadow:none}
.charlie-chat-sidebar nav a:hover,.charlie-chat-sidebar nav a.active,.charlie-chat-sidebar .chat-contact:hover{background:#efe7e5;color:#1f1827;border-color:rgba(45,38,56,.08)}
.charlie-chat-sidebar .chat-contact{margin-top:auto;color:#6f4bb2}
.charlie-chat-shell .topbar,.charlie-chat-shell header.hero,.charlie-chat-shell main,.charlie-chat-shell footer{margin-left:260px}
.charlie-chat-shell header.hero{min-height:auto;padding:2.4rem 1.25rem 2rem;text-align:left;background:linear-gradient(180deg,#fff,#fbf7f4);border-bottom:1px solid rgba(45,38,56,.08)}
.charlie-chat-shell header.hero .lead,.charlie-chat-shell header.hero .hero-media{margin-left:0}
.charlie-chat-shell header.hero h1{max-width:900px}.charlie-chat-shell .hero-media{max-width:1120px}.charlie-chat-shell .hero-copy nav{margin-top:.5rem}
@media(max-width:860px){.charlie-chat-sidebar{position:sticky;top:0;width:100%;min-height:0;flex-direction:row;align-items:center;overflow-x:auto;padding:10px;gap:10px;border-right:0;border-bottom:1px solid rgba(45,38,56,.10)}.charlie-chat-sidebar .chat-brand{min-width:142px;padding:8px 10px}.charlie-chat-sidebar nav{display:flex;gap:6px;white-space:nowrap;overflow:visible}.charlie-chat-sidebar nav a,.charlie-chat-sidebar .chat-contact{min-height:36px;padding:8px 10px;border-radius:8px}.charlie-chat-sidebar .chat-contact{margin-top:0}.charlie-chat-shell .topbar,.charlie-chat-shell header.hero,.charlie-chat-shell main,.charlie-chat-shell footer{margin-left:0}.charlie-chat-shell header.hero{text-align:left;padding:1.5rem .9rem}}
@media(max-width:560px){.charlie-chat-sidebar .chat-brand small{display:none}.charlie-chat-sidebar{align-items:flex-start}.charlie-chat-sidebar nav a,.charlie-chat-sidebar .chat-contact{font-size:.92rem}}

.chat-room-panel{
  display:grid;
  gap:12px;
  margin:1rem 0;
  padding:1rem;
  border:1px solid rgba(111,75,178,.16);
  border-radius:18px;
  background:linear-gradient(135deg,#fff,#f6efff);
}
.chat-room-panel strong{color:#2d2638}
.chat-room-panel p{margin:.25rem 0 0;color:#6c6070}
.chat-room-actions,.chat-room-list{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  align-items:center;
}
.chat-room-pill{
  border:1px solid rgba(45,38,56,.12);
  border-radius:999px;
  padding:.52rem .78rem;
  background:#fff;
  color:#514757;
  font-weight:800;
  cursor:pointer;
}
.chat-room-pill.active{
  border-color:rgba(111,75,178,.35);
  background:#6f4bb2;
  color:#fff;
}
.chat-room-pill.archived{
  opacity:.68;
  background:#f3eef5;
  border-style:dashed;
}
.chat-room-memory{
  border-left:4px solid #6f4bb2;
  margin:.8rem 0 0;
  padding:.75rem .9rem;
  border-radius:0 12px 12px 0;
  background:#fbf7ff;
  color:#5d5364;
  font-size:.92rem;
}
.attachment-pill{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  margin:.2rem;
  border:1px solid rgba(45,38,56,.12);
  border-radius:999px;
  padding:.42rem .62rem;
  background:#fff;
  color:#514757;
}

/* Cockpit publico da Charlie Echo */
.charlie-cockpit-page{background:#f7f3ee;color:#221e28}
.charlie-cockpit-hero{background:linear-gradient(180deg,#fffaf4,#f7f3ee)!important}
.charlie-cockpit-hero h1{letter-spacing:0;color:#1f1827}
.charlie-chat-card{border-radius:18px}
.prompt-row{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}
.charlie-memory p{margin:.45rem 0}
.cockpit-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.protocol-table{display:grid;gap:.65rem;margin-top:1rem}
.protocol-table>div{display:grid;grid-template-columns:minmax(88px,.22fr) 1fr;gap:.8rem;align-items:start;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:#fff}
.protocol-table strong{color:#6f4bb2}.protocol-table span{color:var(--muted)}
@media(max-width:640px){.protocol-table>div{grid-template-columns:1fr}.prompt-row{display:grid}.prompt-row .mini{width:100%}}