/* ANIMUS Verde v0.4.0 — navegação superior flutuante */
:root{--topnav-h:72px;--topnav-top:16px}
body{background:radial-gradient(circle at 84% -8%,rgba(181,224,194,.38),transparent 28%),radial-gradient(circle at 7% 18%,rgba(227,240,230,.82),transparent 24%),var(--bg)}
.topnav-layout{min-height:100vh;padding-top:calc(var(--topnav-h) + var(--topnav-top) + 20px)}
.topnav-layout .main-area{margin-left:0;min-height:calc(100vh - 108px)}
.topnav-shell{position:fixed;left:18px;right:18px;top:var(--topnav-top);z-index:950;display:flex;justify-content:center;pointer-events:none}
.topnav-capsule{pointer-events:auto;width:min(1500px,100%);height:var(--topnav-h);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:8px 300px 8px 14px;border:1px solid rgba(255,255,255,.78);border-radius:26px;background:rgba(248,252,249,.82);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);box-shadow:0 18px 52px rgba(23,66,52,.10),0 2px 8px rgba(23,66,52,.05),inset 0 1px 0 rgba(255,255,255,.88)}
.topnav-brand{display:flex;align-items:center;padding:0 7px;min-width:128px}.topnav-brand .brand{gap:9px}.topnav-brand .brand-mark{width:34px;height:34px;border-radius:12px}.topnav-brand .brand strong{font-size:14px}.topnav-brand .brand small{font-size:8px}
.topnav-primary{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0}
.top-nav-link{position:relative;display:flex;align-items:center;border-radius:14px;color:#647a72;font-size:12px;font-weight:750;white-space:nowrap;isolation:isolate;transition:color .2s ease,transform .2s ease}
.top-nav-link:hover{color:#153e33;transform:translateY(-1px)}.top-nav-link.active{color:#0b5d48;background:rgba(219,243,226,.36);box-shadow:inset 0 0 0 1px rgba(126,187,146,.13)}
.top-nav-link-inner{position:relative;z-index:1;display:flex;align-items:center;gap:7px;padding:10px 10px}.top-nav-link-inner>svg,.top-nav-link-inner>span:not(.top-nav-active-pill){position:relative;z-index:2}
.top-nav-active-pill{position:absolute;inset:2px 0;z-index:0;pointer-events:none;border-radius:12px;background:linear-gradient(145deg,rgba(219,243,226,.98),rgba(235,248,239,.92));border:1px solid rgba(126,187,146,.26);box-shadow:0 5px 15px rgba(42,110,78,.08),inset 0 1px 0 rgba(255,255,255,.85)}
.top-nav-link.compact .top-nav-link-inner{padding:10px}.top-nav-link.compact{border:1px solid rgba(218,229,222,.7);background:rgba(255,255,255,.46)}
.topnav-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.topnav-sync{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:rgba(226,243,232,.74);color:#36745a;font-size:9px;font-weight:850}.topnav-sync.offline{background:#fff2dc;color:#9a6817}
.topnav-overlay-actions{position:fixed;right:max(28px,calc((100vw - 1500px)/2 + 28px));top:calc(var(--topnav-top) + 8px);height:56px;z-index:970;display:flex;align-items:center;pointer-events:none}.topnav-right-cluster{pointer-events:auto;display:flex;align-items:center;gap:7px}
.topnav-create{display:flex;align-items:center;color:#fff;background:linear-gradient(135deg,#0b5d48,#137359);border-radius:15px;box-shadow:0 10px 24px rgba(11,93,72,.20);font-size:11px;font-weight:850;transition:transform .2s ease,box-shadow .2s ease}.topnav-create>span{display:flex;align-items:center;gap:7px;padding:11px 13px}.topnav-create:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(11,93,72,.27)}.topnav-create svg{transition:transform .25s ease}.topnav-create:hover svg{transform:rotate(90deg)}
.topnav-utilities{display:flex;gap:5px}
.profile-wrap{position:relative}.topnav-profile{height:44px;display:flex;align-items:center;gap:8px;border:1px solid rgba(214,227,219,.82);background:rgba(255,255,255,.72);border-radius:15px;padding:5px 7px 5px 5px;color:var(--ink);transition:.2s}.topnav-profile:hover,.topnav-profile.open{background:#fff;box-shadow:0 9px 24px rgba(22,64,50,.09);transform:translateY(-1px)}
.topnav-avatar{width:33px;height:33px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#173f34,#0b5d48);color:#eaf7ee;font-size:10px;font-weight:900;letter-spacing:.03em}.topnav-avatar.large{width:40px;height:40px;border-radius:14px}.topnav-profile-copy{display:flex;flex-direction:column;text-align:left;line-height:1.15}.topnav-profile-copy strong{font-size:10px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav-profile-copy small{font-size:8px;color:#7e9089;margin-top:3px}.profile-chevron{color:#83958e;transition:transform .2s}.topnav-profile.open .profile-chevron{transform:rotate(180deg)}
.profile-popover{position:absolute;right:0;top:52px;width:250px;border:1px solid rgba(215,226,219,.9);border-radius:19px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);box-shadow:0 22px 58px rgba(17,55,43,.16);padding:8px;transform-origin:top right}.profile-popover-head{display:flex;gap:10px;align-items:center;padding:9px 9px 12px;border-bottom:1px solid #e8eeea;margin-bottom:5px}.profile-popover-head>div{display:flex;flex-direction:column;min-width:0}.profile-popover-head strong{font-size:11px}.profile-popover-head small{font-size:8px;color:#7b8e86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-action{width:100%;border:0;background:transparent;color:#425e54;border-radius:11px;padding:9px 10px;text-align:left;font-size:10px;font-weight:750;display:block}.profile-action>span{display:flex;align-items:center;gap:8px}.profile-action:hover{background:#f2f7f4}.profile-action.danger{color:#9e4d43}.profile-action.danger:hover{background:#fff2ef}
.mobile-topnav-strip{display:none}.mobile-capture-fab{display:none}
.topnav-api-banner{margin:4px auto 0;max-width:min(1500px,calc(100% - 36px))}
.topnav-main>.content,.topnav-main>div>.content{animation:topnavPageIn .28s ease both}@keyframes topnavPageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
/* Rebase elementos que antes consideravam a sidebar */
.compare-dock{left:50%;width:min(780px,calc(100vw - 48px))}
@media(max-width:1320px){
  .topnav-capsule{padding-right:246px;gap:10px}.topnav-primary{justify-content:flex-start;overflow:hidden}.top-nav-link-inner{padding:10px 8px}.top-nav-link{font-size:11px}.desktop-user-copy{display:none}.topnav-brand{min-width:112px}
}
@media(max-width:1040px){
  :root{--topnav-h:60px;--topnav-top:10px}.topnav-layout{padding-top:128px}.topnav-shell{left:10px;right:10px}.topnav-capsule{height:60px;padding:7px 154px 7px 10px;border-radius:21px;grid-template-columns:auto 1fr}.desktop-topnav{display:none!important}.topnav-sync{justify-self:end}.topnav-overlay-actions{right:18px;top:17px;height:46px}.desktop-action{display:none}.topnav-profile{height:42px}.topnav-brand .brand small{display:none}.topnav-brand{min-width:0}.topnav-actions{justify-content:flex-end}.mobile-topnav-strip{display:block;position:fixed;left:10px;right:10px;top:77px;z-index:940;height:45px;border:1px solid rgba(218,229,222,.86);border-radius:17px;background:rgba(250,253,251,.90);backdrop-filter:blur(17px);box-shadow:0 10px 30px rgba(23,66,52,.07);overflow:hidden}.mobile-topnav-track{height:100%;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;padding:3px 5px}.mobile-topnav-track::-webkit-scrollbar{display:none}.mobile-topnav-track .top-nav-link{font-size:10px}.mobile-topnav-track .top-nav-link-inner{padding:8px 9px}.mobile-capture-fab{display:grid;position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:930;width:54px;height:54px;border-radius:50%;place-items:center;background:linear-gradient(145deg,#13745a,#0b5d48);color:#fff;box-shadow:0 15px 32px rgba(11,93,72,.32),0 0 0 5px rgba(255,255,255,.85);transition:.2s}.mobile-capture-fab:active{transform:scale(.94)}.topnav-main{padding-bottom:76px}
}
@media(max-width:600px){
  .topnav-layout{padding-top:121px}.topnav-capsule{padding-right:74px}.topnav-sync{display:none}.topnav-overlay-actions{right:16px}.topnav-profile{padding:4px;border-radius:14px}.profile-chevron{display:none}.topnav-avatar{width:34px;height:34px}.topnav-brand .brand strong{font-size:13px}.topnav-brand .brand-mark{width:32px;height:32px}.mobile-topnav-strip{top:74px}.content{padding-top:20px}.topnav-api-banner{max-width:calc(100% - 20px);margin-top:0}.profile-popover{right:-2px;width:min(270px,calc(100vw - 28px))}
}
@media(prefers-reduced-motion:reduce){.topnav-capsule,.top-nav-link,.topnav-create,.topnav-profile,.mobile-capture-fab,.topnav-main>.content,.topnav-main>div>.content{animation:none!important;transition:none!important}}
.fatal-ui-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 0,#e4f2e8,transparent 36%),#f4f7f3}.fatal-ui-card{width:min(620px,100%);padding:34px;border-radius:25px;background:#fff;border:1px solid #dfe7e2;box-shadow:0 24px 70px rgba(17,55,43,.12);text-align:center}.fatal-ui-icon{width:54px;height:54px;border-radius:18px;background:#fff0ed;color:#a55045;display:grid;place-items:center;margin:0 auto 14px}.fatal-ui-card h1{font:800 30px Manrope;margin:8px 0}.fatal-ui-card p{font-size:12px;line-height:1.65;color:#70827b;max-width:500px;margin:0 auto 15px}.fatal-ui-card code{display:block;background:#f6f8f7;border:1px solid #e5ebe7;border-radius:12px;padding:10px;margin:0 auto 18px;color:#70483e;font-size:10px;word-break:break-word;text-align:left}