/* Vision Flash Premium · identidade visual 2026 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--bg:#111311;--surface:#1c1e1b;--edge:#343832;--text:#f5f5f0;--muted:#a7aaa3;--vision:#23c788;--cream:#eaeae2; color:var(--text);background:var(--bg)}
body{background:radial-gradient(ellipse at 95% -10%,#20352a88,transparent 32%),radial-gradient(ellipse at 8% 95%,#1a302680,transparent 30%),#111311;color:var(--text)}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(#b1bcae 0.55px,transparent 0.55px);background-size:19px 19px;z-index:0}
button,input,textarea{font-family:inherit}.shell{position:relative;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:29px 23px 20px;background:linear-gradient(168deg,#181a17,#161816 62%,#12251c);border-right:1px solid #343833;gap:7px;z-index:8}.side:after{content:'';position:absolute;bottom:95px;left:-90px;width:270px;height:250px;pointer-events:none;background:radial-gradient(circle,#23c78820,transparent 72%)}.brand{display:flex;align-items:center;gap:11px;margin:0 0 39px;font-size:22px;letter-spacing:-1px}.brand img{width:43px;height:43px;object-fit:cover;border-radius:12px}.brand b{color:var(--vision)}.brand small{display:block;color:#a2aaa3;letter-spacing:2px;font-size:8px;font-weight:700;margin-top:5px}.nav{position:relative;border:1px solid transparent;border-radius:12px;padding:14px 17px;margin-bottom:4px;color:#e1e2dd;font-weight:650;font-size:14px;display:flex;align-items:center;gap:14px;white-space:nowrap}.nav:hover{background:#282c26;color:white}.nav.active{color:#111713;background:#eeeae0;border-color:#deddd0;box-shadow:0 4px 22px #23c78820,0 0 0 1px #24c98a2a}.nav.active:before{content:'';position:absolute;left:-1px;top:18%;height:64%;width:3px;background:var(--vision);border-radius:5px}.nav .ico{font-size:19px;width:22px;text-align:center;display:inline-flex;align-items:center}.nav .ico svg{width:19px;height:19px}.nav.bottom{margin-top:auto;border-top:1px solid #3b3d37;border-radius:0;padding-top:25px}.main{margin:0 auto;max-width:1550px;padding:0 clamp(18px,3vw,48px) 55px;width:100%}.utility{min-height:72px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3b403a;margin:0 calc(-1 * clamp(18px,3vw,48px)) 29px;padding:0 clamp(18px,3vw,48px)}.crumb{color:#b0b6aa;font-size:12px;font-weight:700;letter-spacing:.3px}.utility-right{display:flex;align-items:center;gap:12px}.utilbtn{background:#242722;border:1px solid #40443e;color:#e8e9e1;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700}.utilbtn:hover{border-color:#6a7569}.userpill{display:flex;align-items:center;gap:10px;border-left:1px solid #40453f;padding-left:16px;font-size:13px;font-weight:750}.userpill .avatar{width:32px;height:32px}.title{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(28px,3.2vw,40px);font-weight:800;letter-spacing:-1.8px;margin-bottom:7px}.muted{color:#aab2a8}.small{font-size:13px}.btn{background:#23c788;border-color:#23c788;color:#0b2015;border-radius:11px;font-weight:800;padding:12px 19px;box-shadow:0 3px 14px #10a36513}.btn:hover{filter:brightness(1.11);transform:translateY(-1px)}.btn.alt{background:#242622;border-color:#42463e;color:#f0f0eb}.btn.danger{background:#372629;border-color:#794446;color:#ffb4ae}.btn.sm{font-size:12px;padding:9px 12px}.panel{background:linear-gradient(148deg,#222420,#1b1d1a);border:1px solid #3d413a;border-radius:18px;padding:25px;box-shadow:0 12px 38px #00000020}.panel:hover{border-color:#4a5147}.top{margin-bottom:23px}.grid{gap:14px}.stat{display:flex;align-items:center;gap:20px;min-height:116px}.stat-label{font-size:11px;letter-spacing:1.8px;font-weight:800;text-transform:uppercase;color:#d3d5cd}.stat-num{font-family:Manrope,system-ui,sans-serif;font-size:40px;line-height:1.15;margin-top:9px;font-weight:800}.stat-icon{width:55px;height:55px;flex:none;display:grid;place-items:center;background:#30332e;border:1px solid #484d44;border-radius:15px;font-size:24px}.stat-icon.green{background:#203d31;color:#57e2a7;border-color:#315845}.stat-icon.red{background:#432e2c;color:#ffa5a1;border-color:#61403d}.section{margin-top:31px}.sectionhead h2{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1px;margin:0}.sectionhead{margin-bottom:19px}.cards{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:15px}.deck{min-height:203px;position:relative;overflow:hidden}.deck:before{content:'';position:absolute;right:-40px;top:-45px;width:145px;height:145px;background:radial-gradient(circle,#23c7881a,transparent 70%);pointer-events:none}.deck h3{font-family:Manrope,sans-serif;line-height:1.35}.deck .actions{gap:8px}.chip{border-color:#44564a;color:#8debb9;background:#203227;font-weight:700}.empty{border:1px dashed #494d45;background:linear-gradient(120deg,#1f221e,#1a1c19);border-radius:19px;padding:42px 26px;color:#b5beb1}.empty strong{font-size:22px;font-family:Manrope,sans-serif;letter-spacing:-.7px}.empty-hero{display:grid;grid-template-columns:37% 1fr;align-items:center;gap:36px;text-align:left;padding:37px;min-height:215px}.empty-illustration{display:grid;place-items:center;min-height:135px;border-right:1px solid #40463e}.flash-stack{width:119px;height:113px;position:relative;filter:drop-shadow(0 0 27px #1cb47424)}.flash-stack span{position:absolute;inset:11px 10px;background:linear-gradient(160deg,#343b33,#1c211d);border:1px solid #566b5d;border-radius:15px;transform:rotate(-17deg)}.flash-stack span:nth-child(2){transform:rotate(-7deg) translate(9px,-3px)}.flash-stack span:nth-child(3){transform:rotate(7deg) translate(16px,-3px);display:grid;place-items:center;font-weight:900;font-size:30px;color:#d0d8cf}.caps{font-size:10px;letter-spacing:2.4px;font-weight:850;color:#d1ded2}.hero{position:relative;overflow:hidden;min-height:194px;padding:31px 40px;background:radial-gradient(ellipse 55% 120% at 76% 106%,#1d634542,transparent 75%),linear-gradient(114deg,#20231e,#1d231e 70%,#17251c);border:1px solid #384239;border-radius:20px;display:flex;align-items:center}.hero:after{content:'';position:absolute;border:1px solid #5a796040;width:650px;height:250px;right:-70px;bottom:-184px;transform:rotate(-12deg);border-radius:50%;pointer-events:none}.hero h1{font:800 clamp(29px,3.5vw,46px)/1.15 Manrope,sans-serif;letter-spacing:-1.6px;margin:15px 0 8px}.hero p{line-height:1.65;max-width:530px;margin:0;color:#d5d9cf;font-size:15px}.hero-watermark{position:absolute;right:6%;top:26px;width:140px;height:140px;opacity:.12;border-radius:28px;object-fit:cover}.overview-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:21px}.mini-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.mini-title{font-size:11px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase}.mini-value{font-size:22px;font-weight:850;margin:19px 0 5px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:15px}.day{text-align:center;color:#9ca59c;font-size:10px}.day i{display:block;width:26px;height:26px;border:1px solid #4b5149;border-radius:50%;margin:0 auto 7px}.day.on i{background:#23c788;border-color:#23c788;box-shadow:0 0 18px #23c78845}.rankmini{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #343a34;font-size:13px}.rankmini:last-child{border:0}.input{background:#161915;border:1px solid #41473f;color:#f8f8f3;border-radius:11px;min-height:46px}.input:focus{border-color:var(--vision);box-shadow:0 0 0 3px #23c78814}.table th{color:#c0c8ba;letter-spacing:.7px;text-transform:uppercase;font-size:10px}.table td{border-color:#3c4039}.table tr.mine{background:#213c2b}.table tr:hover{background:#282e27}.avatar{background:#3c4238;color:#f7f8f3}.study{max-width:860px}.study .panel{padding:30px}.question{min-height:250px;font-family:Manrope,sans-serif}.answer{background:#23332935;border-radius:14px;line-height:1.7}.progress{background:#343b35}.loading{position:relative}.authbox .panel{background:#1b1e19;border:1px solid #424840}.authbox .input{background:#121511}.authbox h1{font-family:Manrope,sans-serif}.authbox .auth-logo{border:1px solid #4b5349}.auth-tabs{background:#121511}.auth-tabs .btn:not(.alt){background:#23c788}.auth-submit{background:#23c788;border-color:#23c788}.notice{background:#193226;border-color:#3b694f}.profile-banner{display:flex;align-items:center;gap:24px;background:linear-gradient(120deg,#282c27,#20241f);margin-bottom:18px}.profile-avatar{width:94px;height:94px;font-size:38px;flex:none}.profile-banner h2{font-family:Manrope,sans-serif;font-size:24px;margin:0 0 6px}.form-panel{max-width:850px}.rankgrid{grid-template-columns:1fr 1fr}.ranking-place{font-size:18px;font-weight:850}.rank-info{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:22px}.rank-info h2{margin:0;font-size:22px}.rank-tabs{background:#1b1e1a;border:1px solid #3c453a;border-radius:12px;padding:5px;display:inline-flex;gap:5px}.rank-tabs .btn{border:0;border-radius:9px}.page-intro{margin-bottom:25px}.form-panel label{font-weight:700}.form-actions{margin-top:25px}.subtitle-small{color:#abb5aa;font-size:12px;letter-spacing:.4px}.identity-footer{font-size:10px;letter-spacing:1px;color:#8a9588;margin-top:30px}.utilbtn.mobile-toggle{display:none}body.light-mode{--bg:#f3f4ef;--text:#18241b;--muted:#5d695f;background:#f2f4ef;color:#17211a}body.light-mode .side{background:#f6f6f0;border-color:#d8dfd5}body.light-mode .nav{color:#2f3b33}body.light-mode .nav.active{background:#d8f1e5;color:#132117}body.light-mode .panel,body.light-mode .empty{background:#fff;color:#202720;border-color:#d8ded5}body.light-mode .hero{background:#e2f0e8;color:#17241a;border-color:#cbd8cf}body.light-mode .hero p,body.light-mode .muted{color:#5a685f}body.light-mode .stat-label,body.light-mode .mini-title,body.light-mode .caps{color:#445046}body.light-mode .utility{border-color:#cbd4ca}body.light-mode .utilbtn,body.light-mode .btn.alt{background:#e5eae3;color:#243125;border-color:#cdd5cc}body.light-mode .input{background:#f7faf6;color:#1c2c1f}body.light-mode .table td{border-color:#e1e6df}body.light-mode .brand small{color:#606b63}
@media(max-width:1100px){.overview-bottom{grid-template-columns:1fr 1fr}.overview-bottom .panel:last-child{grid-column:span 2}.stat{gap:12px}.stat-icon{width:43px;height:43px}.stat-label{font-size:10px}}
@media(max-width:800px){.shell{grid-template-columns:1fr}.side{position:relative;height:auto;padding:15px 17px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:5px}.brand{width:100%;margin:0 0 8px}.brand img{width:36px;height:36px}.brand small{display:block!important}.nav{width:auto;margin:0;padding:10px;font-size:12px;gap:7px}.nav .ico{width:18px}.nav .ico svg{width:17px}.nav.bottom{border:0;margin-left:auto;padding:10px}.main{padding:0 16px 35px}.utility{margin:0 -16px 19px;padding:0 16px;min-height:58px}.hero{min-height:160px;padding:28px 26px}.hero-watermark{width:95px;height:95px;right:3%}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:16px;display:block}.stat-icon{margin-bottom:11px}.stat-num{font-size:30px}.rankgrid{grid-template-columns:1fr}}
@media(max-width:560px){.side{gap:2px}.brand{font-size:19px}.nav{font-size:11px;padding:9px 8px;gap:4px}.nav .ico{width:15px}.nav .ico svg{width:15px}.nav.bottom{margin-left:0}.utility{gap:5px}.utility .crumb{font-size:10px}.utility-right{gap:6px}.utilbtn{padding:7px 9px;font-size:11px}.userpill{padding-left:7px;font-size:11px}.userpill .avatar{width:27px;height:27px}.hero{padding:24px 20px;min-height:168px}.hero h1{font-size:28px}.hero p{font-size:13px;max-width:88%}.hero-watermark{opacity:.07}.grid{grid-template-columns:1fr;gap:10px}.stat{display:flex;min-height:86px;gap:15px}.stat-icon{margin:0}.stat-num{font-size:30px;margin-top:4px}.section{margin-top:26px}.sectionhead h2{font-size:21px}.empty-hero{grid-template-columns:1fr;padding:24px;gap:15px}.empty-illustration{border-right:0;border-bottom:1px solid #40463e;padding-bottom:20px;min-height:105px}.overview-bottom{grid-template-columns:1fr}.overview-bottom .panel:last-child{grid-column:auto}.panel{padding:19px}.table{min-width:520px}.study .panel{padding:18px}.question{min-height:190px}.profile-banner{flex-direction:column;text-align:center}.title{font-size:26px}}
.profile-avatar .avatar{width:94px;height:94px;font-size:37px;border:2px solid #465044}.profile-avatar .avatar img{width:100%;height:100%}
@media(max-width:560px){.profile-avatar .avatar{width:76px;height:76px;font-size:30px}}

.online-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #34483f;background:#13221b;color:#c7f3de;border-radius:24px;padding:9px 12px;font-size:12px;white-space:nowrap}
.online-dot{width:8px;height:8px;border-radius:50%;background:#23c788;box-shadow:0 0 0 3px #23c78822}
.rich-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:7px 0}
.color-tool{display:flex;align-items:center;gap:7px;margin:0;padding:5px 9px;border:1px solid #39433e;border-radius:9px;color:#d8e5de}
.color-tool input{width:30px;height:26px;border:0;background:transparent;cursor:pointer}
.rich-editor{min-height:130px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.rich-editor:empty:before{content:attr(data-placeholder);color:#84908b;pointer-events:none}
.rich-editor:focus{outline:1px solid #23c788}
.question,.answer{line-height:1.65}
@media(max-width:700px){.online-pill{padding:7px 9px;font-size:11px}}

/* Paleta de cores prontas para o editor */
.color-palette{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #3d4540;border-radius:10px;background:#1c211e}
.color-swatch{appearance:none;display:inline-block;width:23px;height:23px;border:2px solid #ffffff44;border-radius:5px;background:var(--swatch);cursor:pointer;transition:transform .12s,border-color .12s}
.color-swatch:hover,.color-swatch:focus-visible{transform:scale(1.14);border-color:#fff;outline:2px solid #23c788;outline-offset:2px}
.install-button{white-space:nowrap}.auth-install{display:block;margin:14px auto 0;padding:9px 13px;border:1px solid #3b4942;border-radius:10px;background:#1b2620;color:#d5f8e4;cursor:pointer}
@media(max-width:760px){.color-palette{gap:5px}.color-swatch{width:22px;height:22px}}

/* Privacidade, preferências e caixa de feedbacks */
.identity-footer{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.footer-actions,.auth-legal{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.footer-actions button,.auth-legal button{border:1px solid #3a403c;background:#252827;color:#d1d6d3;border-radius:18px;padding:8px 14px;font:inherit;font-size:12px;cursor:pointer}
.footer-actions button:hover,.auth-legal button:hover{border-color:#23c788;color:#fff}
.auth-legal{justify-content:center;margin:12px 0}
.admin-chip{font-size:10px;letter-spacing:.05em;color:#23c788;background:#173027;border:1px solid #28553d;border-radius:7px;padding:3px 6px;margin-left:auto}
.vf-overlay{position:fixed;inset:0;z-index:9999;background:#000c;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(8px)}
.vf-modal{background:#1b1d1d;color:#f4f6f5;border:1px solid #414642;border-radius:21px;width:min(600px,100%);max-height:92dvh;overflow:auto;padding:28px;box-shadow:0 35px 100px #0009}
.modal-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-head h2{font-size:26px;margin:8px 0}.vf-modal p{line-height:1.65}
.vf-modal label{display:block;margin:14px 0 7px}.vf-modal textarea{resize:vertical;min-height:140px}.vf-modal select{appearance:auto}.vf-modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:22px}
.privacy-sections{max-height:52vh;overflow-y:auto;padding:2px 6px 2px 0}.privacy-sections h3{font-size:14px;color:#e4e7e3;margin:20px 0 5px}.privacy-sections p{font-size:13px;color:#c3c8c4;margin:0}
.cookie-row{border:1px solid #39403b;background:#242827;border-radius:14px;margin-top:12px;padding:14px;display:flex;gap:12px;align-items:center;justify-content:space-between}.cookie-row p{margin:3px 0 0}
.feedback-success{text-align:center;padding:22px 0}.feedback-success h2{margin:12px 0}.feedback-success>button{margin-top:18px}
.feedback-grid{display:grid;gap:12px;margin-top:18px}.feedback-card{background:#242625;border:1px solid #393d3a;padding:19px;border-radius:14px;overflow-wrap:anywhere}.feedback-card h3{margin:13px 0 8px;font-size:18px}.feedback-card p{white-space:pre-wrap;line-height:1.6}.feedback-meta{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:12px;color:#afb7b0}.feedback-meta label{display:flex;gap:8px;align-items:center}.small-select{width:auto;min-height:34px;padding:5px;font-size:12px}
@media(max-width:640px){.vf-modal{padding:18px}.vf-modal .modal-actions .btn{flex:1}.identity-footer{justify-content:center;text-align:center}.footer-actions{justify-content:center}}


/* V7: Ações permanentes, independentes da rolagem da página */
.shell .footer-actions {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  z-index: 120;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  width: max-content;
  max-width: calc(100vw - 28px);
  padding: 0;
}
.shell .footer-actions button {
  font-size: 12px;
  letter-spacing: 0;
  padding: 10px 14px;
  background: #252a26;
  border: 1px solid #48544a;
  color: #f0f3ef;
  border-radius: 999px;
  box-shadow: 0 7px 28px #0008;
  white-space: nowrap;
}
.shell .footer-actions button:hover,
.shell .footer-actions button:focus-visible {
  background: #2e3930;
  border-color: #23c788;
  outline-offset: 2px;
}
.shell .main { padding-bottom: 100px; }
@media(max-width: 640px) {
  .shell .footer-actions {
    left: max(10px, env(safe-area-inset-left));
    right: max(10px, env(safe-area-inset-right));
    bottom: max(10px, env(safe-area-inset-bottom));
    justify-content: center;
    width: auto;
    max-width: none;
    gap: 8px;
  }
  .shell .footer-actions button { font-size: 11px; padding: 11px 12px; flex: 0 1 auto; }
  .shell .main { padding-bottom: 110px; }
}