:root{--primary:#1861F1;--cyan:#0AC0FE;--aqua:#7FFEFF;--mint:#E0FEFD;--ink:#0B1F46;--text:#14213D;--muted:#667085;--soft:#F6F9FD;--line:#E6EDF5;--surface:#fff;--danger:#E5484D;--warning:#F59E0B;--success:#12B76A;--violet:#7367F0;--sidebar:270px;--radius:18px;--radius-lg:26px;--shadow:0 18px 50px rgba(25,56,104,.08);--shadow-soft:0 8px 24px rgba(25,56,104,.06);--gradient:linear-gradient(135deg,#1861F1 0%,#0AC0FE 100%)} [data-theme="dark"]{--ink:#F4F7FF;--text:#E8EEFA;--muted:#9BA9BF;--soft:#0E1728;--line:#22314B;--surface:#111C2E;--shadow:0 18px 50px rgba(0,0,0,.30);--shadow-soft:0 8px 24px rgba(0,0,0,.20)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--text);font-family:'Montserrat',system-ui,sans-serif;font-size:14px}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}button,input,select{font:inherit}button,a{transition:.2s ease}button{cursor:pointer}a{text-decoration:none;color:var(--primary)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;z-index:60;transition:.25s ease}[data-theme="dark"] .sidebar{background:rgba(17,28,46,.94)}.sidebar-brand{height:64px;display:flex;align-items:center;padding:0 10px}.sidebar-brand img{width:178px}.sidebar-nav{display:flex;flex-direction:column;gap:7px;margin-top:20px}.nav-item{height:52px;border:0;background:transparent;border-radius:15px;color:#65748F;display:flex;align-items:center;gap:14px;padding:0 16px;font-weight:600;text-align:left}.nav-item:hover{background:rgba(24,97,241,.06);color:var(--primary)}.nav-item.active{background:var(--gradient);color:#fff;box-shadow:0 12px 24px rgba(24,97,241,.20)}.nav-icon{width:23px;height:23px;display:grid;place-items:center;flex:0 0 23px}.nav-icon .icon{width:22px;height:22px}.sidebar-card{margin-top:auto;background:linear-gradient(160deg,#F7FBFF,#EEF7FF);border:1px solid #DDEAF8;border-radius:20px;padding:18px;color:#203451;box-shadow:var(--shadow-soft)}[data-theme="dark"] .sidebar-card{background:#152239;border-color:#2B3C59;color:var(--text)}.sidebar-card-icon{width:46px;height:46px;border-radius:15px;background:#fff;display:grid;place-items:center;margin-bottom:12px;box-shadow:0 8px 18px rgba(24,97,241,.10)}.sidebar-card-icon img{width:30px}.sidebar-card strong{display:block;margin-bottom:6px}.sidebar-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 12px}.sidebar-card span{font-size:11px;color:var(--primary);font-weight:700}.collapse-btn{position:absolute;right:-16px;bottom:28px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);display:grid;place-items:center;box-shadow:var(--shadow-soft)}.collapse-btn .icon{width:16px}.workspace{margin-left:var(--sidebar);min-height:100vh;transition:.25s ease}.topbar{height:88px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;background:rgba(246,249,253,.88);backdrop-filter:blur(18px);z-index:40;border-bottom:1px solid rgba(230,237,245,.8)}[data-theme="dark"] .topbar{background:rgba(14,23,40,.9)}.topbar-left{display:flex;align-items:center;gap:14px}.eyebrow,.section-kicker{margin:0 0 5px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--cyan);font-weight:800}.topbar h1{margin:0;font-size:20px;color:var(--ink)}.mobile-menu{display:none;width:42px;height:42px;border:1px solid var(--line);background:var(--surface);border-radius:13px;color:var(--ink);place-items:center}.topbar-actions{display:flex;align-items:center;gap:10px}.global-search{height:48px;width:min(390px,35vw);display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 6px 20px rgba(35,61,99,.04)}.global-search .icon{color:#8A98AD;width:18px}.global-search input{flex:1;border:0;outline:0;background:transparent;color:var(--text);min-width:0}.global-search kbd{font-size:10px;color:#98A2B3;background:var(--soft);border:1px solid var(--line);padding:4px 7px;border-radius:7px}.icon-btn{width:46px;height:46px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:#60708A;display:grid;place-items:center;position:relative}.icon-btn:hover{color:var(--primary);border-color:#C9D9FF}.notification i,.phone-bell i{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;background:var(--primary);color:#fff;font-style:normal;font-size:10px;display:grid;place-items:center;font-weight:800}.profile-btn{height:50px;border:0;background:transparent;display:flex;align-items:center;gap:10px;color:var(--text);padding:0 4px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--gradient);color:#fff;font-size:12px;font-weight:800;flex:0 0 auto}.profile-btn>span:not(.avatar){display:flex;flex-direction:column;text-align:left}.profile-btn small{font-size:10px;color:var(--muted);margin-top:2px}.profile-btn>.icon{width:16px}.content{padding:26px 28px 44px;max-width:1780px;margin:0 auto}.view{display:none}.view.active{display:block}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{margin:0;color:var(--ink);font-size:30px;letter-spacing:-.6px}.section-heading p:not(.section-kicker){margin:8px 0 0;color:var(--muted);line-height:1.65}.premium-chip{padding:9px 13px;border:1px solid #DCE9FF;background:#F3F8FF;border-radius:999px;color:var(--primary);font-size:11px;font-weight:700}.heading-actions{display:flex;gap:10px}.btn{height:46px;padding:0 17px;border-radius:13px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.btn .icon{width:17px}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 12px 24px rgba(24,97,241,.18)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(24,97,241,.24)}.btn-secondary{background:#F0F6FF;color:var(--primary);border-color:#D6E4FF}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--line)}.btn-danger{background:#FFF2F2;color:#C93F45;border-color:#FFD6D8}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:22px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head h3{margin:0;color:var(--ink);font-size:17px}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.select-btn{height:38px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:11px;padding:0 12px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.select-btn .icon{width:14px}.login-preview{display:grid;grid-template-columns:1.08fr .92fr;min-height:720px;background:var(--surface);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.login-showcase{position:relative;padding:48px 56px;background:linear-gradient(155deg,#EFF7FF 0%,#EAF4FF 48%,#DAEBFF 100%);overflow:hidden;color:#0F2856}.showcase-bg:before,.showcase-bg:after{content:"";position:absolute;border-radius:50%;border:78px solid rgba(255,255,255,.58)}.showcase-bg:before{width:520px;height:520px;left:-330px;top:90px}.showcase-bg:after{width:620px;height:620px;right:-390px;top:140px}.showcase-logo{position:relative;width:210px;z-index:2}.showcase-copy{position:relative;z-index:2;margin-top:46px;max-width:520px}.showcase-copy>span{color:var(--primary);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.showcase-copy h3{font-size:44px;line-height:1.08;margin:12px 0 14px;letter-spacing:-1.4px}.showcase-copy p{font-size:15px;line-height:1.75;color:#526985;margin:0}.showcase-dashboard{position:absolute;z-index:2;width:72%;height:260px;left:10%;bottom:74px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);border-radius:22px;box-shadow:0 25px 45px rgba(46,88,143,.20);display:grid;grid-template-columns:72px 1fr;overflow:hidden}.mini-sidebar{padding:18px 14px;border-right:1px solid #ECF1F7;display:flex;flex-direction:column;gap:14px}.mini-sidebar img{width:30px;margin-bottom:8px}.mini-sidebar i{height:24px;border-radius:8px;background:#EDF3FB}.mini-sidebar i.active{background:var(--gradient)}.mini-workspace{padding:20px}.mini-head{display:flex;justify-content:space-between}.mini-head span:first-child{width:90px;height:12px;border-radius:6px;background:#DDE7F5}.mini-head span:last-child{width:110px;height:28px;border-radius:9px;background:#F1F5FA}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.mini-stats b{height:52px;border:1px solid #E8EEF6;border-radius:12px;background:#fff}.mini-main-chart{height:110px;border:1px solid #E8EEF6;border-radius:14px;padding:8px;background:linear-gradient(180deg,#fff,#F8FBFF)}.mini-main-chart svg{width:100%;height:100%}.mini-area{fill:url(#miniArea)}.mini-line{fill:none;stroke:#1861F1;stroke-width:3;stroke-linecap:round}.security-note{position:absolute;left:56px;bottom:24px;z-index:2;display:flex;align-items:center;gap:10px}.security-note>.icon{width:28px;height:28px;color:var(--primary)}.security-note span{display:flex;flex-direction:column}.security-note strong{font-size:11px}.security-note small{font-size:9px;color:#60748E;margin-top:2px}.login-form-panel{padding:64px 72px;display:flex;flex-direction:column;justify-content:center}.login-logo{width:190px;margin:0 auto 34px}.login-title{text-align:center}.login-title h3{font-size:34px;margin:0;color:var(--ink);letter-spacing:-.7px}.login-title p{margin:9px 0 0;color:var(--muted)}.login-form{width:min(100%,520px);margin:34px auto 0}.login-form>label,.fields-demo label{display:flex;flex-direction:column;gap:8px;font-weight:650;color:var(--text);font-size:12px;margin-bottom:16px}.field-with-icon{height:52px;border:1px solid var(--line);background:var(--surface);border-radius:14px;display:flex;align-items:center;gap:11px;padding:0 14px;transition:.2s}.field-with-icon:focus-within{border-color:#92B5FF;box-shadow:0 0 0 4px rgba(24,97,241,.08)}.field-with-icon>.icon{color:#71809A;width:18px}.field-with-icon input{flex:1;border:0;outline:0;background:transparent;color:var(--text);min-width:0}.field-with-icon button{border:0;background:transparent;color:#71809A;padding:5px}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:2px 0 20px}.check-line{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;margin:0!important;color:var(--muted)!important}.check-line input{display:none}.check-line span{width:18px;height:18px;border-radius:5px;background:var(--primary);position:relative}.check-line span:after{content:"";position:absolute;width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg);left:4px;top:5px}.btn-login{width:100%;height:52px;font-size:15px}.login-divider{display:flex;align-items:center;gap:14px;color:#98A2B3;font-size:11px;margin:24px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}.social-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social{background:var(--surface);border-color:var(--line);color:var(--text)}.microsoft i{width:14px;height:14px;background:conic-gradient(#7FBA00 0 25%,#FFB900 0 50%,#F25022 0 75%,#00A4EF 0);display:block}.create-account{text-align:center;color:var(--muted);font-size:12px;margin:22px 0 0}.create-account a{font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.kpi-card{min-height:132px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-soft);padding:20px;display:grid;grid-template-columns:auto 1fr 118px;align-items:center;gap:15px;overflow:hidden}.kpi-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:#fff;box-shadow:0 10px 18px rgba(24,97,241,.14)}.kpi-icon.primary{background:linear-gradient(145deg,#1858F0,#187AF5)}.kpi-icon.cyan{background:linear-gradient(145deg,#03A7E8,#19CBFA)}.kpi-icon.teal{background:linear-gradient(145deg,#00B6BB,#20D7D5)}.kpi-icon.violet{background:linear-gradient(145deg,#6A5CF2,#8B72FA)}.kpi-icon .icon{width:25px;height:25px}.kpi-content span{font-size:11px;color:var(--muted)}.kpi-content strong{display:block;font-size:22px;color:var(--ink);margin:6px 0 11px}.kpi-content small{font-size:9px;font-weight:700}.kpi-content em,.mobile-hero-card em,.mobile-chart-head em{font-style:normal;color:var(--muted);font-weight:500}.positive{color:var(--success)!important}.sparkline{height:48px;align-self:end}.sparkline svg{width:100%;height:100%}.spark-area{fill:url(#sparkA)}.spark-stroke{fill:none;stroke:#1861F1;stroke-width:2.4;stroke-linecap:round}.cyan-line .spark-stroke{stroke:#0AC0FE}.teal-line .spark-stroke{stroke:#11C7CE}.violet-line .spark-stroke{stroke:#7A67F7}.dashboard-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:16px;margin-bottom:16px}.revenue-panel{min-height:430px}.panel-title-line{display:flex;align-items:center;gap:8px}.info-dot{width:16px;height:16px;border-radius:50%;border:1px solid #B8C5D8;color:#7A8AA3;display:grid;place-items:center;font-size:9px;font-weight:800}.revenue-value{display:flex;align-items:center;gap:9px;margin-top:11px}.revenue-value strong{font-size:25px;color:var(--ink)}.revenue-value span{font-size:10px;font-weight:800}.revenue-value small{font-size:9px;color:var(--muted)}.revenue-chart{display:grid;grid-template-columns:65px 1fr;gap:10px;height:305px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;color:#8492A6;font-size:9px;padding:9px 0 24px}.plot{position:relative}.plot>svg{width:100%;height:280px}.chart-grid line{stroke:#E8EEF6;stroke-width:1;stroke-dasharray:4 5}.chart-area-fill{fill:url(#revenueArea)}.chart-line{fill:none;stroke:#1861F1;stroke-width:3.5;stroke-linecap:round;filter:url(#lineGlow)}.chart-guide{stroke:#B9CAE8;stroke-width:1;stroke-dasharray:4 4}.chart-point-halo{fill:#fff;stroke:#BFD4FF;stroke-width:4}.chart-point{fill:#1861F1}.chart-tooltip{position:absolute;left:58%;top:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:4px}.chart-tooltip:after{content:"";position:absolute;bottom:-6px;left:26px;width:10px;height:10px;background:var(--surface);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}.chart-tooltip span{font-size:9px;color:var(--muted)}.chart-tooltip strong{font-size:11px;color:var(--ink)}.x-axis{display:grid;grid-template-columns:repeat(12,1fr);color:#8492A6;font-size:9px;text-align:center;margin-top:-4px}.category-panel{min-height:430px}.category-content{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:20px;margin-top:18px}.donut-wrap{position:relative;width:220px;height:220px;margin:auto}.donut{width:100%;height:100%;border-radius:50%;background:conic-gradient(#1861F1 0 45%,#0AC0FE 45% 70%,#08B9B4 70% 90%,#55D7E7 90% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.donut:after{content:"";position:absolute;inset:35px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.donut-center small{color:var(--muted);font-size:9px}.donut-center strong{font-size:16px;color:var(--ink);margin:5px 0}.donut-center span{font-size:9px;color:#8090A8}.category-list{display:flex;flex-direction:column;gap:17px}.category-list>div{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center}.category-list i{width:9px;height:9px;border-radius:50%}.c1{background:#1861F1}.c2{background:#0AC0FE}.c3{background:#08B9B4}.c4{background:#55D7E7}.category-list span{display:flex;flex-direction:column;gap:4px}.category-list strong{font-size:10px}.category-list small{font-size:8px;color:var(--muted)}.category-list b{font-size:10px}.dashboard-bottom{display:grid;grid-template-columns:.9fr 1.3fr;gap:16px}.activity-list{display:flex;flex-direction:column;gap:17px}.activity-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px}.activity-list p{margin:0;display:flex;flex-direction:column;gap:4px}.activity-list strong{font-size:10px}.activity-list small{font-size:9px;color:var(--muted);line-height:1.45}.activity-list time{font-size:9px;color:#93A0B3}.avatar.rose{background:#FF6B81}.avatar.blue{background:#1861F1}.avatar.green{background:#0EBC9B}.avatar.purple{background:#6C5CE7}.projects-panel .table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid #EDF1F6;font-size:9px;color:var(--muted)}th{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#8B99AD}td:first-child{display:flex;align-items:center;gap:8px;color:var(--text)}td:first-child strong{font-size:10px}.table-icon{width:18px;height:18px;color:#6C7C94;border:1px solid var(--line);padding:3px;border-radius:6px}.progress-line{display:inline-block;width:78px;height:6px;background:#E7EEF7;border-radius:999px;overflow:hidden;vertical-align:middle;margin-right:7px}.progress-line span{display:block;height:100%;background:var(--gradient);border-radius:inherit}.projects-panel td b{font-size:9px;color:var(--text)}.status{display:inline-flex;padding:5px 8px;border-radius:8px;font-size:8px;font-weight:700}.blue-status{background:#EAF2FF;color:#1861F1}.orange-status{background:#FFF3E8;color:#E97917}.gray-status{background:#F0F3F7;color:#637187}.pwa-stage{display:grid;grid-template-columns:minmax(330px,450px) 1fr;gap:36px;align-items:start}.pwa-guide ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:16px}.pwa-guide li{display:flex;gap:13px}.pwa-guide li>b{width:34px;height:34px;border-radius:11px;background:#ECF3FF;color:var(--primary);display:grid;place-items:center;font-size:10px;flex:0 0 auto}.pwa-guide li span{display:flex;flex-direction:column}.pwa-guide li strong{font-size:11px}.pwa-guide li small{font-size:10px;color:var(--muted);line-height:1.55;margin-top:4px}.pwa-alert{margin-top:20px;background:#EFF8FF;border:1px solid #D1E9FF;border-radius:16px;padding:14px;display:flex;align-items:center;gap:11px;color:#175CD3}.pwa-alert>.icon{width:22px}.pwa-alert span{display:flex;flex-direction:column}.pwa-alert strong{font-size:10px}.pwa-alert small{font-size:9px;margin-top:3px}.phone{width:430px;max-width:100%;margin:auto;background:#080A0D;border-radius:52px;padding:14px;box-shadow:0 34px 75px rgba(15,23,42,.28);position:relative}.phone:before{content:"";position:absolute;inset:5px;border:1px solid #4B4F55;border-radius:48px;pointer-events:none}.phone-notch{position:absolute;z-index:5;top:15px;left:50%;transform:translateX(-50%);width:150px;height:32px;border-radius:0 0 21px 21px;background:#000}.phone-screen{height:890px;background:#F8FAFD;border-radius:40px;overflow:hidden;position:relative}.phone-status{height:42px;padding:13px 23px 0;display:flex;justify-content:space-between;align-items:flex-start;color:#0A1733;font-size:11px}.phone-header{height:68px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;background:#fff}.phone-header img{width:145px}.phone-bell{width:38px;height:38px;border:0;background:transparent;color:#556987;position:relative;display:grid;place-items:center}.phone-bell .icon{width:21px}.phone-content{height:calc(100% - 110px);overflow:auto;padding:18px 20px 102px;scrollbar-width:none}.phone-content::-webkit-scrollbar{display:none}.phone-greeting h3{margin:0;color:#0B1F46;font-size:24px}.phone-greeting p{margin:6px 0 18px;color:#687891;font-size:11px}.mobile-hero-card{height:138px;border-radius:26px;background:linear-gradient(135deg,#1861F1 0%,#0C7AF7 58%,#0AC0FE 100%);color:#fff;padding:22px;display:grid;grid-template-columns:auto 1fr 128px;align-items:center;gap:15px;box-shadow:0 18px 34px rgba(24,97,241,.24);overflow:hidden}.mobile-dollar{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.14);display:grid;place-items:center}.mobile-dollar .icon{width:28px}.mobile-hero-card span{font-size:10px;opacity:.86}.mobile-hero-card strong{display:block;font-size:22px;margin:6px 0 11px}.mobile-hero-card small{color:#47F0B7;font-size:9px;font-weight:700}.mobile-hero-card em{color:rgba(255,255,255,.78)}.mobile-hero-card>svg{width:128px;height:58px}.mobile-hero-card>svg path{fill:none;stroke:rgba(255,255,255,.92);stroke-width:3;stroke-linecap:round}.mobile-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.mobile-kpis article{background:#fff;border:1px solid #E6EDF5;border-radius:18px;padding:12px 9px;min-height:126px;box-shadow:0 8px 18px rgba(25,56,104,.05)}.m-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;margin-bottom:10px}.m-icon .icon{width:17px}.m-icon.blue{background:linear-gradient(145deg,#0B72E8,#0AAEFA)}.m-icon.teal{background:linear-gradient(145deg,#00B9BE,#20D7D5)}.m-icon.violet{background:linear-gradient(145deg,#6659EF,#8B72FA)}.m-icon.orange{background:linear-gradient(145deg,#FF8B3D,#FFB267)}.mobile-kpis small{display:block;color:#66758E;font-size:8px;line-height:1.35;min-height:23px}.mobile-kpis strong{display:block;color:#0B1F46;font-size:17px;margin:6px 0}.mobile-kpis em{font-style:normal;color:#12B76A;font-size:7px;font-weight:700}.orange-text{color:#E97917!important}.mobile-chart-card,.mobile-activity,.mobile-actions-card{background:#fff;border:1px solid #E6EDF5;border-radius:22px;box-shadow:0 8px 18px rgba(25,56,104,.05);padding:17px;margin-top:12px}.mobile-chart-head{display:flex;justify-content:space-between;gap:12px}.mobile-chart-head h4,.mobile-section-title h4,.mobile-actions-card h4{margin:0;color:#0B1F46;font-size:13px}.mobile-chart-head strong{display:block;color:#0B1F46;font-size:18px;margin:8px 0 5px}.mobile-chart-head small{font-size:8px;color:#12B76A;font-weight:700}.mobile-chart-head button{height:32px;border:1px solid #DDE6F1;background:#fff;border-radius:10px;padding:0 9px;color:#53647E;font-size:8px;display:flex;align-items:center;gap:4px}.mobile-chart-head button .icon{width:12px}.mobile-plot{height:165px;margin-top:12px;display:grid;grid-template-columns:35px 1fr;position:relative}.mobile-y{display:flex;flex-direction:column;justify-content:space-between;color:#8694A8;font-size:7px;padding:7px 0 8px}.mobile-plot>svg{width:100%;height:160px}.m-grid line{stroke:#E8EEF6;stroke-dasharray:3 4}.m-area{fill:url(#mobileArea)}.m-line{fill:none;stroke:#1861F1;stroke-width:3;stroke-linecap:round}.m-guide{stroke:#B5C6E3;stroke-dasharray:3 3}.m-dot{fill:#1861F1;stroke:#fff;stroke-width:3}.mobile-tip{position:absolute;left:53%;top:-5px;background:#fff;border:1px solid #DDE6F1;border-radius:10px;padding:7px 9px;box-shadow:0 7px 16px rgba(25,56,104,.09);display:flex;flex-direction:column}.mobile-tip small{color:#7F8DA3;font-size:7px}.mobile-tip strong{font-size:9px;color:#0B1F46;margin-top:3px}.mobile-x{display:grid;grid-template-columns:repeat(4,1fr);font-size:7px;color:#8694A8;text-align:center;padding-left:35px}.mobile-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.mobile-section-title a{font-size:8px;font-weight:700}.mobile-activity>div:not(.mobile-section-title){display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:10px}.mobile-activity .avatar{width:30px;height:30px;font-size:8px}.mobile-activity p{margin:0;display:flex;flex-direction:column}.mobile-activity strong{font-size:9px;color:#0B1F46}.mobile-activity small{font-size:7px;color:#71809A;margin-top:3px}.mobile-activity time{font-size:7px;color:#9AA6B8}.mobile-actions-card>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.mobile-actions-card button{height:66px;border:1px solid #E6EDF5;border-radius:15px;background:#fff;color:#1861F1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.mobile-actions-card button .icon{width:20px}.mobile-actions-card button span{font-size:7px;color:#5F6E85}.phone-nav{position:absolute;left:0;right:0;bottom:0;height:83px;background:rgba(255,255,255,.96);border-top:1px solid #E5ECF4;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:8px 15px 12px;z-index:4}.phone-nav>button{border:0;background:transparent;color:#697991;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:7px;height:54px}.phone-nav>button .icon{width:20px;height:20px}.phone-nav>button.active{color:#1861F1}.phone-nav .fab{width:58px;height:58px;border-radius:50%;background:var(--gradient);color:#fff;place-self:center;display:grid;place-items:center;padding:0;margin-top:-28px;box-shadow:0 14px 26px rgba(24,97,241,.28);line-height:0}.fab-plus{position:relative;width:26px;height:26px;display:block}.fab-plus:before,.fab-plus:after{content:"";position:absolute;left:50%;top:50%;background:#fff;border-radius:999px;transform:translate(-50%,-50%)}.fab-plus:before{width:24px;height:2.5px}.fab-plus:after{width:2.5px;height:24px}.site-preview{background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.site-nav{height:86px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-nav img{width:175px}.site-nav nav{display:flex;gap:27px}.site-nav nav a{font-size:11px;color:#30405C;font-weight:600}.site-nav>div{display:flex;gap:10px}.site-hero{padding:64px 46px 70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;background:radial-gradient(circle at 80% 50%,rgba(10,192,254,.09),transparent 38%),#fff}.site-badge{display:inline-flex;padding:9px 13px;border:1px solid #D8E6FF;background:#F4F8FF;border-radius:999px;color:#1861F1;font-size:10px;font-weight:700}.site-copy h3{font-size:54px;line-height:1.08;letter-spacing:-2px;color:#0B1F46;margin:20px 0}.site-copy h3 em{font-style:normal;color:#1689F5}.site-copy p{font-size:14px;line-height:1.8;color:#65758E;max-width:620px}.site-ctas{display:flex;gap:12px;margin-top:24px}.site-product{background:#fff;border:1px solid #E6EDF5;border-radius:25px;box-shadow:0 25px 60px rgba(36,76,130,.12);overflow:hidden;transform:perspective(1200px) rotateY(-2deg)}.product-top{height:34px;border-bottom:1px solid #EDF1F6;display:flex;align-items:center;gap:6px;padding:0 14px}.product-top span{width:7px;height:7px;border-radius:50%;background:#D5DCE6}.product-body{height:400px;display:grid;grid-template-columns:85px 1fr}.product-body aside{border-right:1px solid #EDF1F6;padding:20px 14px;display:flex;flex-direction:column;gap:14px}.product-body aside img{width:32px;margin-bottom:6px}.product-body aside i{height:26px;border-radius:8px;background:#EEF3F9}.product-body aside i.active{background:var(--gradient)}.product-body main{padding:24px}.p-head{display:flex;justify-content:space-between}.p-head b{font-size:14px}.p-head span{width:130px;height:28px;border-radius:9px;background:#F0F4F9}.p-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.p-stats i{height:66px;border:1px solid #E6EDF5;border-radius:13px}.p-main{display:grid;grid-template-columns:1.5fr .8fr;gap:12px}.p-chart,.p-donut{height:150px;border:1px solid #E6EDF5;border-radius:15px;background:#FBFDFF}.p-chart svg{width:100%;height:100%;padding:16px}.p-chart path{fill:none;stroke:#1861F1;stroke-width:3;stroke-linecap:round}.p-donut{position:relative}.p-donut:before{content:"";position:absolute;width:86px;height:86px;border-radius:50%;background:conic-gradient(#1861F1 0 45%,#0AC0FE 45% 75%,#08B9B4 75%);top:31px;left:50%;transform:translateX(-50%)}.p-donut:after{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background:#fff;top:49px;left:50%;transform:translateX(-50%)}.p-tables{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin-top:12px}.p-tables i{height:80px;border:1px solid #E6EDF5;border-radius:15px}.value-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 46px 46px}.value-strip article{border:1px solid #E6EDF5;border-radius:20px;padding:20px;display:flex;gap:15px;align-items:center;box-shadow:0 8px 18px rgba(25,56,104,.04)}.value-icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(145deg,#175AF0,#1799F8);color:#fff;display:grid;place-items:center;flex:0 0 auto}.value-icon.teal{background:linear-gradient(145deg,#06ADAE,#1DD3C1)}.value-icon.violet{background:linear-gradient(145deg,#6559EF,#8E75FA)}.value-icon .icon{width:24px}.value-strip strong{font-size:12px;color:#0B1F46}.value-strip p{font-size:10px;line-height:1.55;color:#65758E;margin:5px 0 0}.component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.component-card{min-height:300px}.button-showcase{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.icon-button-row{display:flex;gap:10px;margin-top:20px}.fields-demo{margin-top:22px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input{height:50px;border:1px solid var(--line);border-radius:14px;padding:0 14px;background:var(--surface);color:var(--text);outline:0}.alerts{display:flex;flex-direction:column;gap:10px;margin-top:18px}.alert{display:flex;align-items:flex-start;gap:11px;padding:13px;border-radius:14px;border:1px solid}.alert>.icon{width:20px;flex:0 0 auto}.alert p{margin:0;display:flex;flex-direction:column}.alert strong{font-size:10px}.alert span{font-size:9px;margin-top:3px}.alert.info{background:#EFF8FF;border-color:#D1E9FF;color:#175CD3}.alert.success{background:#ECFDF3;border-color:#ABEFC6;color:#067647}.alert.warning{background:#FFFAEB;border-color:#FEDF89;color:#B54708}.alert.danger{background:#FEF3F2;border-color:#FECDCA;color:#B42318}.mini-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-chart-grid>div{border:1px solid var(--line);border-radius:16px;padding:15px;background:var(--soft)}.mini-chart-grid span{font-size:9px;color:var(--muted)}.mini-chart-grid strong{display:block;font-size:17px;margin:7px 0;color:var(--ink)}.mini-chart-grid svg{width:100%;height:100px}.mini-chart-grid svg path{fill:none;stroke:#1861F1;stroke-width:3;stroke-linecap:round}.bar-chart{height:100px;display:flex;align-items:flex-end;gap:7px}.bar-chart i{flex:1;background:var(--gradient);border-radius:5px 5px 2px 2px}.palette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:16px}.palette-grid article{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:15px;box-shadow:var(--shadow-soft)}.palette-grid article>div{height:110px;border-radius:15px;background:var(--sw);margin-bottom:13px}.palette-grid strong{display:block;color:var(--ink);font-size:13px}.palette-grid span{color:var(--muted);font-size:10px}.gradient-token{grid-column:span 2}.gradient-token>div{background:var(--gradient)!important}.tokens-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.type-hero{font-size:46px;font-weight:800;letter-spacing:-1.5px;color:var(--ink);margin-top:22px}.type-panel>p{color:var(--muted);line-height:1.6}.weight-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.weight-list span{padding:9px 11px;border-radius:10px;border:1px solid var(--line);background:var(--soft);font-size:10px}.rules-panel ul{margin:20px 0 0;padding-left:18px;color:var(--muted);line-height:1.8}.app-shell.collapsed .sidebar{width:82px}.app-shell.collapsed .workspace{margin-left:82px}.app-shell.collapsed .sidebar-brand img{width:38px;object-fit:cover;object-position:left}.app-shell.collapsed .nav-label,.app-shell.collapsed .sidebar-card{display:none}.app-shell.collapsed .nav-item{justify-content:center;padding:0}.app-shell.collapsed .collapse-btn{transform:rotate(180deg)}.mobile-overlay{display:none} @media(max-width:1350px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.login-preview{grid-template-columns:1fr}.login-showcase{min-height:650px}.site-hero{grid-template-columns:1fr}.site-product{transform:none}.category-content{grid-template-columns:1fr 1fr}.palette-grid{grid-template-columns:repeat(3,1fr)}.gradient-token{grid-column:span 1}} @media(max-width:1000px){:root{--sidebar:270px}.sidebar{transform:translateX(-110%);box-shadow:var(--shadow)}.app-shell.mobile-open .sidebar{transform:none}.workspace,.app-shell.collapsed .workspace{margin-left:0}.mobile-menu{display:grid}.mobile-overlay{position:fixed;inset:0;background:rgba(5,14,29,.45);z-index:50}.app-shell.mobile-open+.mobile-overlay{display:block}.global-search{display:none}.content{padding:22px 18px}.pwa-stage{grid-template-columns:1fr}.pwa-guide{order:2}.site-nav nav{display:none}.component-grid,.tokens-grid{grid-template-columns:1fr}} @media(max-width:720px){.topbar{padding:0 16px}.topbar-actions{gap:6px}.profile-btn>span:not(.avatar),.profile-btn>.icon{display:none}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:25px}.login-form-panel{padding:42px 24px}.login-showcase{padding:35px 24px;min-height:590px}.showcase-copy h3{font-size:35px}.showcase-dashboard{width:86%;left:7%;bottom:70px}.security-note{left:24px}.kpi-grid{grid-template-columns:1fr}.kpi-card{grid-template-columns:auto 1fr 100px}.dashboard-grid{display:block}.category-panel{margin-top:16px}.category-content{grid-template-columns:1fr}.dashboard-bottom{display:block}.projects-panel{margin-top:16px}.revenue-chart{grid-template-columns:48px 1fr}.chart-tooltip{left:52%}.site-nav{padding:0 18px}.site-nav>div .btn:first-child{display:none}.site-nav>div .btn-primary{font-size:0;width:44px;padding:0}.site-nav>div .btn-primary .icon{font-size:initial}.site-hero{padding:40px 22px}.site-copy h3{font-size:38px;letter-spacing:-1.2px}.site-ctas{flex-direction:column}.value-strip{grid-template-columns:1fr;padding:0 22px 30px}.product-body{height:330px}.palette-grid{grid-template-columns:1fr 1fr}.two-fields,.mini-chart-grid{grid-template-columns:1fr}.social-row{grid-template-columns:1fr}.phone{width:390px}.phone-screen{height:850px}} @media(max-width:440px){.content{padding:18px 12px}.topbar h1{font-size:16px}.eyebrow{display:none}.section-heading h2{font-size:22px}.premium-chip{display:none}.phone{padding:10px;border-radius:42px}.phone-screen{border-radius:34px;height:820px}.phone-notch{width:132px;height:28px}.phone-header{padding:0 18px}.phone-content{padding:16px 14px 96px}.mobile-hero-card{grid-template-columns:auto 1fr}.mobile-hero-card>svg{display:none}.mobile-kpis{grid-template-columns:repeat(2,1fr)}.mobile-kpis article{min-height:112px}.mobile-chart-card{padding:14px}.palette-grid{grid-template-columns:1fr}.login-showcase{display:none}.login-preview{min-height:auto}.login-form-panel{padding:40px 18px}.showcase-dashboard{display:none}.heading-actions{width:100%}.heading-actions .btn{flex:1}.category-content{display:block}.category-list{margin-top:20px}} /* * NowFinance R7 — paridade com NowDev UI Oficial Premium v1.3.0 * Referência: NDUI-20260801-D7K9 * Build: NDUI-R8-Q9H6T4 * A lógica financeira permanece preservada. */ :root{ --nf-primary:var(--primary);--nf-accent:var(--cyan);--nf-bg:var(--soft);--nf-surface:var(--surface); --nf-surface-soft:#F8FBFF;--nf-text:var(--text);--nf-heading:var(--ink);--nf-muted:var(--muted); --nf-border:var(--line);--nf-border-strong:#D6E1EE;--nf-gradient:var(--gradient); --nf-shadow:var(--shadow);--nf-shadow-soft:var(--shadow-soft);--nf-radius:15px;--nf-radius-lg:22px; --nf-sidebar-width:270px;--nf-sidebar-collapsed-width:82px; } html[data-theme="dark"]{--nf-surface-soft:#152239;--nf-border-strong:#31415D} html,body{max-width:100%;overflow-x:hidden} body.ndui-official-r7{margin:0;min-width:320px;min-height:100vh;background:var(--soft)!important;color:var(--text);font-family:'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.55} body.ndui-official-r7 *,body.ndui-official-r7 *::before,body.ndui-official-r7 *::after{box-sizing:border-box} body.ndui-official-r7 img,body.ndui-official-r7 svg{max-width:100%} body.ndui-official-r7 button,body.ndui-official-r7 input,body.ndui-official-r7 select,body.ndui-official-r7 textarea{font:inherit} body.ndui-official-r7 h1,body.ndui-official-r7 h2,body.ndui-official-r7 h3,body.ndui-official-r7 h4{color:var(--ink);letter-spacing:-.025em} body.ndui-official-r7 .muted,body.ndui-official-r7 small,body.ndui-official-r7 .form-hint{color:var(--muted)!important} body.ndui-official-r7 :focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 28%,transparent);outline-offset:2px} /* Shell: mesmas medidas, ritmo e comportamento do pacote oficial. */ .ndui-official-r7 .app-shell{min-height:100vh!important;display:block!important;background:var(--soft)!important} .ndui-official-r7 .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:270px!important;height:100dvh!important;padding:24px 18px!important;display:flex!important;flex-direction:column!important;gap:0!important;z-index:70!important;overflow:hidden!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)!important;border:0!important;border-right:1px solid var(--line)!important;box-shadow:none!important;transform:translateX(0);transition:width .25s ease,transform .25s ease,background .2s ease} html[data-theme="dark"] .ndui-official-r7 .sidebar{background:rgba(17,28,46,.96)!important} .ndui-official-r7 .sidebar-head{order:1!important;height:64px!important;min-height:64px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;border:0!important;background:transparent!important} .ndui-official-r7 .ndui-brand{display:flex!important;align-items:center!important;min-width:0!important;overflow:hidden!important} .ndui-official-r7 .ndui-brand-full{width:178px!important;height:54px!important;display:flex!important;align-items:center!important;overflow:hidden!important} .ndui-official-r7 .ndui-brand-full img{width:auto!important;height:auto!important;max-width:178px!important;max-height:50px!important;object-fit:contain!important;object-position:left center!important} .ndui-official-r7 .ndui-brand-mark{display:none!important;width:42px!important;height:42px!important;border-radius:13px!important;overflow:hidden!important;background:var(--gradient)!important;box-shadow:0 9px 22px rgba(24,97,241,.18)!important} .ndui-official-r7 .ndui-brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important} .ndui-official-r7 .ndui-brand-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .ndui-official-r7 .sidebar-toggle{position:fixed!important;left:254px!important;right:auto!important;top:auto!important;bottom:28px!important;z-index:90!important;width:34px!important;height:34px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:50%!important;background:var(--surface)!important;color:var(--muted)!important;display:grid!important;place-items:center!important;box-shadow:var(--shadow-soft)!important;transition:left .25s ease,transform .2s ease!important} .ndui-official-r7 .sidebar-nav{order:2!important;min-height:0!important;flex:1!important;margin:20px -4px 0!important;padding:0 4px 14px!important;display:flex!important;flex-direction:column!important;gap:7px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:var(--line) transparent} .ndui-official-r7 .sidebar-nav::-webkit-scrollbar{width:5px}.ndui-official-r7 .sidebar-nav::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px} .ndui-official-r7 .nav-section-label{margin:13px 16px 3px!important;color:#91A0B7!important;font-size:9px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important} .ndui-official-r7 .sidebar-nav>a,.ndui-official-r7 .nav-more>summary,.ndui-official-r7 .nav-more-links>a{min-height:52px!important;height:auto!important;padding:0 16px!important;display:flex!important;align-items:center!important;gap:14px!important;border:0!important;border-radius:15px!important;background:transparent!important;color:#65748F!important;font-size:12px!important;font-weight:650!important;line-height:1.2!important;text-align:left!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important;transition:.2s ease!important} html[data-theme="dark"] .ndui-official-r7 .sidebar-nav>a,html[data-theme="dark"] .ndui-official-r7 .nav-more>summary,html[data-theme="dark"] .ndui-official-r7 .nav-more-links>a{color:#A7B4C7!important} .ndui-official-r7 .sidebar-nav>a:hover,.ndui-official-r7 .nav-more>summary:hover,.ndui-official-r7 .nav-more-links>a:hover{background:rgba(24,97,241,.06)!important;color:var(--primary)!important} .ndui-official-r7 .sidebar-nav a.is-active,.ndui-official-r7 .nav-more-links a.is-active{background:var(--gradient)!important;color:#fff!important;box-shadow:0 12px 24px rgba(24,97,241,.20)!important} .ndui-official-r7 .sidebar-nav a.is-active::before{display:none!important} .ndui-official-r7 .nav-icon{width:23px!important;min-width:23px!important;height:23px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:currentColor!important} .ndui-official-r7 .nav-icon svg,.ndui-official-r7 .nav-icon .nf-icon{width:22px!important;height:22px!important;stroke-width:1.8!important} .ndui-official-r7 .nav-count{margin-left:auto!important;min-width:20px!important;height:20px!important;padding:0 6px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#E5484D!important;color:#fff!important;font-size:9px!important;font-weight:800!important} .ndui-official-r7 .nav-more{margin:0!important}.ndui-official-r7 .nav-more>summary{list-style:none!important}.ndui-official-r7 .nav-more>summary::-webkit-details-marker{display:none!important} .ndui-official-r7 .nav-more[open]>summary{background:rgba(24,97,241,.06)!important;color:var(--primary)!important} .ndui-official-r7 .nav-more-links{margin:6px 0 2px 12px!important;padding:6px!important;display:flex!important;flex-direction:column!important;gap:4px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--nf-surface-soft)!important} .ndui-official-r7 .nav-more-links>a{min-height:42px!important;padding:0 12px!important;font-size:11px!important;border-radius:12px!important} /* O cartão de conta ocupa a mesma posição do card institucional do modelo oficial. */ .ndui-official-r7 .tenant-pill{order:3!important;margin:12px 0 10px!important;padding:16px!important;min-height:92px!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;border:1px solid #DDEAF8!important;border-radius:20px!important;background:linear-gradient(160deg,#F7FBFF,#EEF7FF)!important;color:#203451!important;box-shadow:var(--shadow-soft)!important} html[data-theme="dark"] .ndui-official-r7 .tenant-pill{background:#152239!important;border-color:#2B3C59!important;color:var(--text)!important} .ndui-official-r7 .tenant-pill-avatar{width:46px!important;height:46px!important;border-radius:15px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#fff!important;color:var(--primary)!important;box-shadow:0 8px 18px rgba(24,97,241,.10)!important;font-size:11px!important;font-weight:800!important} .ndui-official-r7 .tenant-pill-avatar img{width:100%!important;height:100%!important;object-fit:cover!important} .ndui-official-r7 .tenant-pill-copy,.ndui-official-r7 .tenant-pill>div{min-width:0!important}.ndui-official-r7 .tenant-pill strong,.ndui-official-r7 .tenant-pill small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ndui-official-r7 .tenant-pill strong{font-size:12px!important;color:var(--ink)!important}.ndui-official-r7 .tenant-pill small{font-size:10px!important;margin-top:3px!important} .ndui-official-r7 .sidebar-footer{order:4!important;flex:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important} .ndui-official-r7 .version-card{display:none!important}.ndui-official-r7 .sidebar-logout-form{margin:0!important}.ndui-official-r7 .sidebar-logout-btn{min-height:44px!important;width:100%!important;padding:0 14px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--surface)!important;color:var(--muted)!important;display:flex!important;align-items:center!important;gap:12px!important;font-weight:650!important} .ndui-official-r7 .app-main{margin-left:270px!important;min-width:0!important;min-height:100vh!important;background:var(--soft)!important;transition:margin-left .25s ease!important} .ndui-official-r7 .topbar{position:sticky!important;top:0!important;z-index:55!important;height:88px!important;min-height:88px!important;padding:0 28px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;border:0!important;border-bottom:1px solid rgba(230,237,245,.8)!important;background:rgba(246,249,253,.88)!important;backdrop-filter:blur(18px)!important;box-shadow:none!important} html[data-theme="dark"] .ndui-official-r7 .topbar{background:rgba(14,23,40,.90)!important;border-bottom-color:#22314B!important} .ndui-official-r7 .topbar-left{display:flex!important;align-items:center!important;gap:14px!important;min-width:190px!important}.ndui-official-r7 .mobile-menu{display:none!important;width:42px!important;height:42px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--surface)!important;color:var(--ink)!important;place-items:center!important} .ndui-official-r7 .topbar-eyebrow{display:block!important;margin:0 0 5px!important;color:var(--cyan)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important}.ndui-official-r7 .topbar-context strong{display:block!important;color:var(--ink)!important;font-size:20px!important;font-weight:750!important;line-height:1.15!important}.ndui-official-r7 .topbar-context{min-width:0!important} .ndui-official-r7 .topbar-search{height:48px!important;width:min(390px,35vw)!important;min-width:230px!important;margin-left:auto!important;padding:0 14px!important;display:flex!important;align-items:center!important;gap:10px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--surface)!important;color:#8A98AD!important;box-shadow:0 6px 20px rgba(35,61,99,.04)!important} .ndui-official-r7 .topbar-search input{flex:1!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important}.ndui-official-r7 .topbar-search kbd{padding:4px 7px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:var(--soft)!important;color:#98A2B3!important;font-size:10px!important} .ndui-official-r7 .topbar-actions{display:flex!important;align-items:center!important;gap:10px!important;flex:none!important} .ndui-official-r7 .icon-btn,.ndui-official-r7 .topbar-icon-link{width:46px!important;min-width:46px!important;height:46px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface)!important;color:#60708A!important;display:grid!important;place-items:center!important;position:relative!important;box-shadow:none!important}.ndui-official-r7 .icon-btn:hover,.ndui-official-r7 .topbar-icon-link:hover{color:var(--primary)!important;border-color:#C9D9FF!important} .ndui-official-r7 .topbar-icon-link>span{position:absolute!important;top:4px!important;right:4px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:var(--primary)!important;color:#fff!important;font-size:9px!important;font-weight:800!important} .ndui-official-r7 .user-chip{height:50px!important;padding:0 4px!important;display:flex!important;align-items:center!important;gap:10px!important;border:0!important;background:transparent!important;color:var(--text)!important}.ndui-official-r7 .user-chip>img,.ndui-official-r7 .user-chip>span:first-child{width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;object-fit:cover!important;background:var(--gradient)!important;color:#fff!important;font-size:11px!important;font-weight:800!important}.ndui-official-r7 .user-chip-copy{min-width:0!important;display:flex!important;flex-direction:column!important;text-align:left!important}.ndui-official-r7 .user-chip-copy strong{max-width:135px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important}.ndui-official-r7 .user-chip-copy small{font-size:9px!important;margin-top:2px!important} /* Elementos repetidos no cabeçalho permanecem acessíveis pelo menu lateral. */ .ndui-official-r7 .topbar-refresh-btn,.ndui-official-r7 .topbar-actions>a[aria-label="Pesquisar no sistema"],.ndui-official-r7 .topbar-actions>a[href="/ajuda"],.ndui-official-r7 .topbar-actions>a[title="Suporte"],.ndui-official-r7 .topbar-logout-form{display:none!important} .ndui-official-r7 .content{width:100%!important;max-width:1780px!important;margin:0 auto!important;padding:26px 28px 48px!important;min-width:0!important} .ndui-official-r7 .sidebar-backdrop{display:none;position:fixed;inset:0;z-index:60;border:0;background:rgba(5,14,29,.45)} /* Recolhido: geometria oficial de 82 px. */ .ndui-official-r7 .app-shell.sidebar-collapsed .sidebar{width:82px!important;padding-inline:14px!important}.ndui-official-r7 .app-shell.sidebar-collapsed .app-main{margin-left:82px!important}.ndui-official-r7 .app-shell.sidebar-collapsed .sidebar-toggle{left:65px!important;transform:rotate(180deg)!important}.ndui-official-r7 .app-shell.sidebar-collapsed .ndui-brand-full{display:none!important}.ndui-official-r7 .app-shell.sidebar-collapsed .ndui-brand-mark{display:block!important}.ndui-official-r7 .app-shell.sidebar-collapsed .sidebar-head{justify-content:center!important;padding-inline:0!important}.ndui-official-r7 .app-shell.sidebar-collapsed .tenant-pill{grid-template-columns:46px!important;width:54px!important;padding:4px!important;min-height:54px!important;margin-inline:auto!important}.ndui-official-r7 .app-shell.sidebar-collapsed .tenant-pill-copy,.ndui-official-r7 .app-shell.sidebar-collapsed .tenant-pill>div,.ndui-official-r7 .app-shell.sidebar-collapsed .nav-section-label,.ndui-official-r7 .app-shell.sidebar-collapsed .sidebar-nav a>span:not(.nav-icon),.ndui-official-r7 .app-shell.sidebar-collapsed .nav-more summary>span:not(.nav-icon),.ndui-official-r7 .app-shell.sidebar-collapsed .nav-count,.ndui-official-r7 .app-shell.sidebar-collapsed .sidebar-logout-btn>span:not(.nav-icon){display:none!important}.ndui-official-r7 .app-shell.sidebar-collapsed .sidebar-nav{align-items:center!important;width:100%!important}.ndui-official-r7 .app-shell.sidebar-collapsed .sidebar-nav>a,.ndui-official-r7 .app-shell.sidebar-collapsed .nav-more>summary{width:52px!important;height:52px!important;padding:0!important;justify-content:center!important}.ndui-official-r7 .app-shell.sidebar-collapsed .nav-more-links{position:fixed!important;left:72px!important;width:230px!important;z-index:100!important;box-shadow:var(--shadow)!important}.ndui-official-r7 .app-shell.sidebar-collapsed .sidebar-logout-btn{width:52px!important;justify-content:center!important;padding:0!important} /* Estrutura das páginas internas: hierarquia do modelo oficial. */ .ndui-official-r7 .module-hero,.ndui-official-r7 .suite-hero,.ndui-official-r7 .master-page-hero,.ndui-official-r7 .patrimony-hero,.ndui-official-r7 .cards-hero,.ndui-official-r7 .quick-actions-strip{margin:0 0 22px!important;padding:0!important;min-height:0!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;overflow:visible!important;color:var(--text)!important}.ndui-official-r7 .module-hero::before,.ndui-official-r7 .module-hero::after,.ndui-official-r7 .quick-actions-strip::before,.ndui-official-r7 .quick-actions-strip::after{display:none!important} .ndui-official-r7 .module-hero>div:first-child,.ndui-official-r7 .quick-actions-strip>div:first-child{min-width:0!important;max-width:820px!important}.ndui-official-r7 .module-hero h1,.ndui-official-r7 .suite-hero h1,.ndui-official-r7 .master-page-hero h1,.ndui-official-r7 .patrimony-hero h1,.ndui-official-r7 .cards-hero h1,.ndui-official-r7 .quick-actions-strip h1{margin:0!important;color:var(--ink)!important;font-size:30px!important;font-weight:780!important;line-height:1.15!important;letter-spacing:-.6px!important}.ndui-official-r7 .module-hero p:not(.page-kicker),.ndui-official-r7 .quick-actions-strip p:not(.page-kicker){margin:8px 0 0!important;color:var(--muted)!important;font-size:14px!important;line-height:1.65!important}.ndui-official-r7 .page-kicker{margin:0 0 5px!important;color:var(--cyan)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important}.ndui-official-r7 .hero-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important} .ndui-official-r7 .quick-actions-strip{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'copy actions' 'status actions'!important;align-items:center!important}.ndui-official-r7 .quick-actions-strip>div:first-child{grid-area:copy!important}.ndui-official-r7 .quick-actions-strip .dashboard-status-pills{grid-area:status!important;margin-top:12px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important}.ndui-official-r7 .quick-actions-strip .quick-actions-buttons{grid-area:actions!important}.ndui-official-r7 .isf-pill{min-width:132px!important;padding:9px 12px!important;border:1px solid #DCE9FF!important;border-radius:13px!important;background:#F3F8FF!important;box-shadow:none!important}.ndui-official-r7 .isf-pill span,.ndui-official-r7 .isf-pill small{font-size:9px!important}.ndui-official-r7 .isf-pill strong{font-size:16px!important}.ndui-official-r7 .isf-pill::before,.ndui-official-r7 .isf-pill::after{display:none!important}html[data-theme="dark"] .ndui-official-r7 .isf-pill{background:#15243A!important;border-color:#2A3B57!important} /* Componentes oficiais. */ .ndui-official-r7 .card,.ndui-official-r7 .panel,.ndui-official-r7 .form-card,.ndui-official-r7 .hero-card,.ndui-official-r7 .empty-state,.ndui-official-r7 .account-card,.ndui-official-r7 .taxonomy-card,.ndui-official-r7 .notification-card,.ndui-official-r7 .smart-finance-hub,.ndui-official-r7 .profile-hero{min-width:0!important;border:1px solid var(--line)!important;border-radius:22px!important;background:var(--surface)!important;background-image:none!important;color:var(--text)!important;box-shadow:var(--shadow-soft)!important}.ndui-official-r7 .card,.ndui-official-r7 .panel,.ndui-official-r7 .form-card,.ndui-official-r7 .smart-finance-hub{padding:22px!important}.ndui-official-r7 .card::before,.ndui-official-r7 .card::after,.ndui-official-r7 .metric-card::before,.ndui-official-r7 .metric-card::after,.ndui-official-r7 .smart-finance-hub::before,.ndui-official-r7 .smart-finance-hub::after{pointer-events:none!important} .ndui-official-r7 .card-header,.ndui-official-r7 .panel-head{margin:0 0 16px!important;padding:0 0 16px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;border-bottom:1px solid var(--line)!important}.ndui-official-r7 .card-header h2,.ndui-official-r7 .card-header h3,.ndui-official-r7 .panel-head h2,.ndui-official-r7 .panel-head h3{margin:0!important;color:var(--ink)!important;font-size:17px!important}.ndui-official-r7 .card-header p,.ndui-official-r7 .panel-head p{margin:5px 0 0!important;color:var(--muted)!important;font-size:11px!important} .ndui-official-r7 .btn{min-height:46px!important;height:auto!important;padding:10px 17px!important;border-radius:13px!important;border:1px solid transparent!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:12px!important;font-weight:750!important;line-height:1.15!important;white-space:nowrap!important}.ndui-official-r7 .btn-primary{background:var(--gradient)!important;color:#fff!important;box-shadow:0 12px 24px rgba(24,97,241,.18)!important}.ndui-official-r7 .btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 16px 28px rgba(24,97,241,.24)!important}.ndui-official-r7 .btn-outline,.ndui-official-r7 .btn-ghost,.ndui-official-r7 .btn-secondary{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:none!important}.ndui-official-r7 .btn-sm,.ndui-official-r7 .btn-small{min-height:38px!important;padding:8px 13px!important;border-radius:11px!important;font-size:11px!important}.ndui-official-r7 .btn-danger{background:#FFF2F2!important;color:#C93F45!important;border-color:#FFD6D8!important}html[data-theme="dark"] .ndui-official-r7 .btn-danger{background:#3B2027!important;border-color:#63313C!important;color:#FF9A9E!important} .ndui-official-r7 .badge{padding:7px 10px!important;border:1px solid #DCE9FF!important;border-radius:999px!important;background:#F3F8FF!important;color:var(--primary)!important;font-size:10px!important;font-weight:750!important;line-height:1!important}html[data-theme="dark"] .ndui-official-r7 .badge{background:#172740!important;border-color:#2C4264!important} /* KPIs e grids: proporções equivalentes ao Sistema Web oficial. */ .ndui-official-r7 .grid-2,.ndui-official-r7 .grid-3,.ndui-official-r7 .grid-4,.ndui-official-r7 .dashboard-grid,.ndui-official-r7 .dashboard-metrics,.ndui-official-r7 .compact-grid,.ndui-official-r7 .smart-finance-metrics{gap:16px!important;min-width:0!important}.ndui-official-r7 .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ndui-official-r7 .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ndui-official-r7 .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ndui-official-r7 .dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)!important}.ndui-official-r7 .metric-card,.ndui-official-r7 .smart-metric{position:relative!important;min-width:0!important;min-height:142px!important;padding:22px 20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:7px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:var(--surface)!important;background-image:none!important;color:var(--text)!important;box-shadow:var(--shadow-soft)!important;overflow:hidden!important}.ndui-official-r7 .metric-card>span:not(.metric-icon),.ndui-official-r7 .smart-metric>span{margin:0!important;color:var(--muted)!important;font-size:10px!important;font-weight:650!important}.ndui-official-r7 .metric-card>strong,.ndui-official-r7 .smart-metric>strong{margin:0!important;color:var(--ink)!important;font-size:24px!important;font-weight:780!important;line-height:1.15!important;letter-spacing:-.035em!important}.ndui-official-r7 .metric-card>small,.ndui-official-r7 .smart-metric>small{margin:0!important;font-size:10px!important;line-height:1.45!important}.ndui-official-r7 .metric-card .metric-icon{width:46px!important;height:46px!important;margin:0 0 4px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#EDF4FF!important;color:var(--primary)!important}.ndui-official-r7 .metric-card .metric-icon svg{width:21px!important;height:21px!important}.ndui-official-r7 .metric-card.accent-green{border-top:3px solid var(--success)!important}.ndui-official-r7 .metric-card.accent-red{border-top:3px solid var(--danger)!important}.ndui-official-r7 .metric-card.accent-yellow{border-top:3px solid var(--warning)!important}.ndui-official-r7 .metric-card.accent-blue{border-top:3px solid var(--primary)!important}.ndui-official-r7 .metric-card.accent-slate{border-top:3px solid #8A98AD!important} /* Dashboard sem blocos gigantes ou espaços artificiais. */ .ndui-official-r7 .dashboard-order-layout{display:flex!important;flex-direction:column!important;gap:18px!important}.ndui-official-r7 .dashboard-order-layout>[data-dashboard-group]{order:var(--dashboard-order,50)!important}.ndui-official-r7 .nf-finance-overview{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;border:0!important;background:transparent!important;box-shadow:none!important}.ndui-official-r7 .nf-balance-card{min-height:170px!important;padding:24px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,38%)!important;align-items:center!important;gap:20px!important;border:1px solid var(--line)!important;border-radius:22px!important;background:var(--surface)!important;background-image:none!important;color:var(--text)!important;box-shadow:var(--shadow-soft)!important;overflow:hidden!important}.ndui-official-r7 .nf-balance-content{position:relative!important;z-index:2!important}.ndui-official-r7 .nf-balance-content .nf-overline{color:var(--muted)!important;font-size:10px!important}.ndui-official-r7 .nf-balance-content>strong{display:block!important;margin:7px 0!important;color:var(--ink)!important;font-size:38px!important;font-weight:760!important;letter-spacing:-1.2px!important}.ndui-official-r7 .nf-balance-subtitle{color:var(--muted)!important;font-size:11px!important}.ndui-official-r7 .nf-balance-content>b{display:block!important;margin-top:4px!important;color:#526985!important;font-size:20px!important}.ndui-official-r7 .nf-balance-chart{width:100%!important;height:120px!important;align-self:end!important}.ndui-official-r7 .nf-chart-line{fill:none!important;stroke:var(--primary)!important;stroke-width:4!important}.ndui-official-r7 .nf-chart-shadow{fill:none!important;stroke:rgba(24,97,241,.16)!important;stroke-width:11!important}.ndui-official-r7 .nf-summary-tiles{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.ndui-official-r7 .nf-summary-tile{min-height:142px!important}.ndui-official-r7 .smart-finance-hub{background:var(--surface)!important}.ndui-official-r7 .smart-finance-hub__header{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin-bottom:20px!important}.ndui-official-r7 .smart-finance-hub__header h2{font-size:26px!important}.ndui-official-r7 .smart-finance-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ndui-official-r7 .smart-next-action,.ndui-official-r7 .smart-briefing-card{border:1px solid var(--line)!important;border-radius:16px!important;background:var(--nf-surface-soft)!important;box-shadow:none!important}.ndui-official-r7 .goal-card,.ndui-official-r7 .due-card,.ndui-official-r7 .dashboard-health-preview,.ndui-official-r7 .chart-card{min-height:0!important;height:auto!important}.ndui-official-r7 .goal-card{min-height:280px!important}.ndui-official-r7 .bar-chart{height:240px!important;min-height:240px!important;max-height:240px!important;gap:18px!important}.ndui-official-r7 .dashboard-grid.mt-24{margin-top:0!important}.ndui-official-r7 .mt-24{margin-top:16px!important} /* Formulários e filtros. */ .ndui-official-r7 label{min-width:0!important}.ndui-official-r7 label>span:first-child{display:block!important;margin:0 0 7px!important;color:var(--text)!important;font-size:11px!important;font-weight:650!important}.ndui-official-r7 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.ndui-official-r7 select,.ndui-official-r7 textarea{width:100%!important;min-width:0!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface)!important;color:var(--text)!important;outline:0!important;box-shadow:none!important}.ndui-official-r7 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.ndui-official-r7 select{height:50px!important;padding:0 14px!important}.ndui-official-r7 textarea{min-height:120px!important;padding:13px 14px!important;resize:vertical!important}.ndui-official-r7 input:focus,.ndui-official-r7 select:focus,.ndui-official-r7 textarea:focus{border-color:#AFC8FF!important;box-shadow:0 0 0 4px rgba(24,97,241,.08)!important}.ndui-official-r7 .filter-grid,.ndui-official-r7 .transaction-filter-grid,.ndui-official-r7 .form-grid,.ndui-official-r7 .form-grid-2,.ndui-official-r7 .form-grid-3,.ndui-official-r7 .account-filter-grid,.ndui-official-r7 .taxonomy-filter-grid,.ndui-official-r7 .tag-filter-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:14px!important;align-items:end!important;min-width:0!important}.ndui-official-r7 .filter-actions{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}.ndui-official-r7 .filter-actions .btn{min-width:130px!important}.ndui-official-r7 .quick-filter-bar,.ndui-official-r7 .saved-filter-layout{border:1px solid var(--line)!important;border-radius:15px!important;background:var(--nf-surface-soft)!important}.ndui-official-r7 .checkbox-line{display:flex!important;align-items:flex-start!important;gap:10px!important}.ndui-official-r7 .checkbox-line input{margin-top:2px!important;flex:0 0 auto!important} /* Tabelas contidas no card: nunca alargam a página. */ .ndui-official-r7 .table-wrap,.ndui-official-r7 .table-scroll{width:100%!important;max-width:100%!important;min-width:0!important;overflow:auto!important;overscroll-behavior-x:contain!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--surface)!important}.ndui-official-r7 table{width:100%!important;min-width:720px!important;border-collapse:separate!important;border-spacing:0!important;background:transparent!important}.ndui-official-r7 th{padding:13px 15px!important;border-bottom:1px solid var(--line)!important;background:var(--nf-surface-soft)!important;color:#718098!important;font-size:9px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-align:left!important}.ndui-official-r7 td{padding:14px 15px!important;border-bottom:1px solid var(--line)!important;color:var(--text)!important;font-size:11px!important;vertical-align:middle!important}.ndui-official-r7 tbody tr:last-child td{border-bottom:0!important}.ndui-official-r7 tbody tr:hover td{background:rgba(24,97,241,.025)!important} /* Listas, contas, cartões, notificações e modais. */ .ndui-official-r7 .account-grid,.ndui-official-r7 .taxonomy-grid,.ndui-official-r7 .card-grid,.ndui-official-r7 .goal-grid,.ndui-official-r7 .notification-list{gap:16px!important}.ndui-official-r7 .notification-card{padding:18px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:14px!important}.ndui-official-r7 .notification-card.is-unread{border-color:#BFD2FF!important;box-shadow:0 10px 28px rgba(24,97,241,.08)!important}.ndui-official-r7 .notification-icon{width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#EDF4FF!important;color:var(--primary)!important}.ndui-official-r7 .notification-title-row,.ndui-official-r7 .notification-actions,.ndui-official-r7 .notification-meta,.ndui-official-r7 .notification-badges{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.ndui-official-r7 .notification-title-row{justify-content:space-between!important}.ndui-official-r7 .notification-tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.ndui-official-r7 .notification-tab{min-height:42px!important;padding:0 14px!important;display:flex!important;align-items:center!important;gap:8px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface)!important;color:var(--muted)!important;font-size:11px!important;font-weight:700!important}.ndui-official-r7 .notification-tab.is-active{background:var(--gradient)!important;color:#fff!important;border-color:transparent!important}.ndui-official-r7 dialog,.ndui-official-r7 .center-modal-card,.ndui-official-r7 .modal-card{max-width:min(680px,calc(100vw - 28px))!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important;border:1px solid var(--line)!important;border-radius:22px!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow)!important}.ndui-official-r7 .center-modal{z-index:1000!important}.ndui-official-r7 .center-modal-backdrop{background:rgba(5,14,29,.54)!important;backdrop-filter:blur(4px)!important} /* PWA: barra inferior e FAB com medidas do guia oficial. */ .ndui-official-r7 .nf-mobile-bottom-nav{display:none!important}.ndui-official-r7 .support-fab{position:fixed!important;right:22px!important;bottom:22px!important;z-index:65!important;min-height:46px!important;padding:0 16px!important;border-radius:999px!important;background:#12B76A!important;color:#fff!important;box-shadow:0 12px 28px rgba(18,183,106,.25)!important} /* Tema escuro completo. */ html[data-theme="dark"] .ndui-official-r7 .card,html[data-theme="dark"] .ndui-official-r7 .panel,html[data-theme="dark"] .ndui-official-r7 .form-card,html[data-theme="dark"] .ndui-official-r7 .metric-card,html[data-theme="dark"] .ndui-official-r7 .smart-metric,html[data-theme="dark"] .ndui-official-r7 .nf-balance-card,html[data-theme="dark"] .ndui-official-r7 .notification-card,html[data-theme="dark"] .ndui-official-r7 .smart-finance-hub{background:#111C2E!important;border-color:#22314B!important}html[data-theme="dark"] .ndui-official-r7 input:not([type="checkbox"]):not([type="radio"]),html[data-theme="dark"] .ndui-official-r7 select,html[data-theme="dark"] .ndui-official-r7 textarea{background:#152239!important;border-color:#2B3C59!important;color:#E8EEFA!important}html[data-theme="dark"] .ndui-official-r7 th{background:#152239!important}html[data-theme="dark"] .ndui-official-r7 .metric-card .metric-icon,html[data-theme="dark"] .ndui-official-r7 .notification-icon{background:#172A48!important} /* Responsividade auditada em 320, 360, 390, 768, 1024 e 1440 px. */ @media(max-width:1350px){ .ndui-official-r7 .grid-4,.ndui-official-r7 .nf-summary-tiles,.ndui-official-r7 .smart-finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important} .ndui-official-r7 .dashboard-grid{grid-template-columns:1fr!important} } @media(max-width:1000px){ .ndui-official-r7 .sidebar{width:270px!important;transform:translateX(-110%)!important;box-shadow:var(--shadow)!important}.ndui-official-r7 .app-shell.sidebar-open .sidebar{transform:translateX(0)!important}.ndui-official-r7 .app-shell.sidebar-open .sidebar-backdrop{display:block!important}.ndui-official-r7 .app-main,.ndui-official-r7 .app-shell.sidebar-collapsed .app-main{margin-left:0!important}.ndui-official-r7 .sidebar-toggle{display:none!important}.ndui-official-r7 .mobile-menu{display:grid!important}.ndui-official-r7 .topbar{padding:0 18px!important}.ndui-official-r7 .topbar-search{display:none!important}.ndui-official-r7 .content{padding:22px 18px 105px!important}.ndui-official-r7 .module-hero,.ndui-official-r7 .suite-hero,.ndui-official-r7 .master-page-hero,.ndui-official-r7 .patrimony-hero,.ndui-official-r7 .cards-hero{align-items:flex-start!important;flex-direction:column!important}.ndui-official-r7 .hero-actions{width:100%!important;justify-content:flex-start!important}.ndui-official-r7 .quick-actions-strip{grid-template-columns:1fr!important;grid-template-areas:'copy' 'status' 'actions'!important}.ndui-official-r7 .quick-actions-strip .quick-actions-buttons{justify-content:flex-start!important}.ndui-official-r7 .nf-balance-card{grid-template-columns:1fr 210px!important} } @media(max-width:720px){ .ndui-official-r7 .topbar{height:68px!important;min-height:68px!important;padding:0 12px!important;gap:8px!important}.ndui-official-r7 .topbar-left{min-width:0!important;flex:1!important;gap:8px!important}.ndui-official-r7 .topbar-eyebrow{display:none!important}.ndui-official-r7 .topbar-context strong{max-width:145px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:16px!important}.ndui-official-r7 .topbar-actions{gap:5px!important}.ndui-official-r7 .user-chip-copy{display:none!important}.ndui-official-r7 .icon-btn,.ndui-official-r7 .topbar-icon-link{width:40px!important;min-width:40px!important;height:40px!important;border-radius:12px!important}.ndui-official-r7 .user-chip{padding:0!important}.ndui-official-r7 .user-chip>img,.ndui-official-r7 .user-chip>span:first-child{width:40px!important;height:40px!important}.ndui-official-r7 .content{padding:18px 12px 98px!important}.ndui-official-r7 .module-hero h1,.ndui-official-r7 .quick-actions-strip h1{font-size:25px!important}.ndui-official-r7 .hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.ndui-official-r7 .hero-actions .btn{width:100%!important}.ndui-official-r7 .grid-2,.ndui-official-r7 .grid-3,.ndui-official-r7 .grid-4,.ndui-official-r7 .nf-summary-tiles,.ndui-official-r7 .smart-finance-metrics{grid-template-columns:1fr!important;gap:10px!important}.ndui-official-r7 .card,.ndui-official-r7 .panel,.ndui-official-r7 .form-card,.ndui-official-r7 .smart-finance-hub{padding:15px!important;border-radius:18px!important}.ndui-official-r7 .metric-card,.ndui-official-r7 .smart-metric{min-height:112px!important;padding:16px!important}.ndui-official-r7 .metric-card>strong,.ndui-official-r7 .smart-metric>strong{font-size:22px!important}.ndui-official-r7 .nf-balance-card{min-height:148px!important;padding:18px!important;grid-template-columns:minmax(0,1fr) 110px!important}.ndui-official-r7 .nf-balance-content>strong{font-size:30px!important}.ndui-official-r7 .nf-balance-content>b{font-size:16px!important}.ndui-official-r7 .nf-balance-chart{height:86px!important}.ndui-official-r7 .smart-finance-hub__header{align-items:flex-start!important;flex-direction:column!important}.ndui-official-r7 .filter-grid,.ndui-official-r7 .transaction-filter-grid,.ndui-official-r7 .form-grid,.ndui-official-r7 .form-grid-2,.ndui-official-r7 .form-grid-3,.ndui-official-r7 .account-filter-grid,.ndui-official-r7 .taxonomy-filter-grid,.ndui-official-r7 .tag-filter-grid{grid-template-columns:1fr!important;gap:11px!important}.ndui-official-r7 .filter-actions{width:100%!important}.ndui-official-r7 .filter-actions .btn{width:100%!important}.ndui-official-r7 .card-header{align-items:flex-start!important;flex-direction:column!important}.ndui-official-r7 .list-header-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important}.ndui-official-r7 .table-wrap,.ndui-official-r7 .table-scroll{margin-inline:0!important;border-radius:13px!important}.ndui-official-r7 table{min-width:680px!important}.ndui-official-r7 .notification-card{grid-template-columns:38px minmax(0,1fr)!important;padding:14px!important}.ndui-official-r7 .notification-icon{width:38px!important;height:38px!important}.ndui-official-r7 .notification-actions form,.ndui-official-r7 .notification-actions .btn{width:100%!important}.ndui-official-r7 .nf-mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:80!important;height:76px!important;padding:8px max(8px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:end!important;border-top:1px solid var(--line)!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(18px)!important;box-shadow:0 -12px 32px rgba(25,56,104,.08)!important}html[data-theme="dark"] .ndui-official-r7 .nf-mobile-bottom-nav{background:rgba(17,28,46,.95)!important}.ndui-official-r7 .nf-mobile-nav-item{height:52px!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;color:var(--muted)!important;font-size:8px!important}.ndui-official-r7 .nf-mobile-nav-item.is-active{color:var(--primary)!important}.ndui-official-r7 .nf-mobile-nav-icon{width:21px!important;height:21px!important}.ndui-official-r7 .nf-mobile-nav-create{position:relative!important;bottom:12px!important;width:56px!important;height:56px!important;margin:auto!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;background:var(--gradient)!important;color:#fff!important;box-shadow:0 12px 26px rgba(24,97,241,.30)!important}.ndui-official-r7 .nf-mobile-nav-create>span{display:grid!important;place-items:center!important}.ndui-official-r7 .nf-mobile-nav-create small{display:none!important}.ndui-official-r7 .support-fab{right:12px!important;bottom:86px!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;display:grid!important;place-items:center!important}.ndui-official-r7 .support-fab span{display:none!important} } @media(max-width:390px){ .ndui-official-r7 .content{padding-inline:9px!important}.ndui-official-r7 .topbar-actions .theme-toggle{display:none!important}.ndui-official-r7 .topbar-context strong{max-width:112px!important}.ndui-official-r7 .hero-actions{grid-template-columns:1fr!important}.ndui-official-r7 .dashboard-status-pills{display:grid!important;grid-template-columns:1fr 1fr!important}.ndui-official-r7 .isf-pill{min-width:0!important}.ndui-official-r7 .nf-balance-card{grid-template-columns:1fr!important}.ndui-official-r7 .nf-balance-chart{display:none!important}.ndui-official-r7 .goal-card{min-height:0!important}.ndui-official-r7 table{min-width:620px!important} } @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} /* Login: preserva a única tela já aprovada e apenas sincroniza tokens claro/escuro. */ body.ndui-official-r7.auth-body{background:var(--soft)!important}.ndui-official-r7 .auth-card-v17{background:var(--surface)!important;color:var(--text)!important}.ndui-official-r7 .auth-card-v17 input{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important} /* Compatibilidade explícita dos contratos R5/R6 e preservação da tela de login aprovada. */ :root { --nf-primary: #1861f1; --nf-accent: #0ac0fe; --nf-bg: #f6f9fd; } html[data-theme="dark"] { --nf-bg: #0e1728; } body.ndui-official-r7.auth-body{padding:0!important;background:var(--soft)!important} .ndui-official-r7 .auth-shell-v17{min-height:100dvh!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;background:var(--soft)!important} .ndui-official-r7 .auth-brand-panel-v17{min-height:100dvh!important;padding:clamp(46px,6vw,86px)!important;display:flex!important;align-items:center!important;color:#fff!important;background:radial-gradient(circle at 75% 25%,rgba(10,192,254,.30),transparent 34%),linear-gradient(145deg,#08245d 0%,#125bd8 58%,#08a9dc 100%)!important} .ndui-official-r7 .auth-brand-panel-v17 h1{max-width:10ch!important;margin:18px 0!important;color:#fff!important;font-size:clamp(43px,5vw,72px)!important;line-height:.98!important;letter-spacing:-.045em!important} .ndui-official-r7 .auth-brand-panel-v17 p{max-width:620px!important;color:rgba(255,255,255,.84)!important;font-size:16px!important} .ndui-official-r7 .nf-inline-logo{margin-bottom:28px!important}.ndui-official-r7 .nf-inline-logo strong{color:#fff!important}.ndui-official-r7 .nf-inline-symbol{width:54px!important;height:54px!important;border-radius:17px!important;background:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.12)!important} .ndui-official-r7 .auth-card-v17{min-height:100dvh!important;padding:clamp(38px,6vw,80px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:var(--surface)!important;box-shadow:-18px 0 60px rgba(18,49,95,.10)!important}.ndui-official-r7 .auth-card-v17>*{width:100%;max-width:460px;margin-inline:auto}.ndui-official-r7 .auth-card-v17 h2{font-size:clamp(34px,3.1vw,46px)!important}.ndui-official-r7 .auth-card-v17 .form-stack{gap:16px!important}.ndui-official-r7 .auth-card-v17 .btn{width:100%;min-height:49px!important} .notification-live-toast{position:fixed;right:20px;top:88px;z-index:1100;width:min(390px,calc(100vw - 24px));padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)} @media (max-width:980px){.ndui-official-r7 .auth-shell-v17{display:block!important}.ndui-official-r7 .auth-brand-panel-v17{display:none!important}.ndui-official-r7 .auth-card-v17{width:100%!important;max-width:560px!important;margin:auto!important;padding:34px 24px!important;box-shadow:none!important}.ndui-official-r7 .auth-card-brand-mobile{display:grid!important;margin-bottom:38px!important}.notification-live-toast{top:70px;right:12px}} @media (max-width:390px){.notification-live-toast{left:8px;right:8px;width:auto}} @media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} /* Gate R7: o botão de menu é oculto no desktop mesmo quando também usa .icon-btn. */ .ndui-official-r7 .mobile-menu.icon-btn{display:none!important} @media(max-width:1000px){.ndui-official-r7 .mobile-menu.icon-btn{display:grid!important}} /* Gate R7: todas as grades estruturais precisam ser grids reais, não apenas declarar colunas. */ .ndui-official-r7 .grid-2,.ndui-official-r7 .grid-3,.ndui-official-r7 .grid-4,.ndui-official-r7 .dashboard-grid,.ndui-official-r7 .dashboard-metrics,.ndui-official-r7 .compact-grid,.ndui-official-r7 .smart-finance-metrics,.ndui-official-r7 .nf-summary-tiles{display:grid!important} /* ==========================================================================\n R8 Q9H6T4 — paridade integral com NowDev UI Oficial v1.3.0\n Camada final e autoritativa: páginas, tipografia, responsividade e gráficos.\n ========================================================================== */ .ndui-official-r8, .ndui-official-r8 button, .ndui-official-r8 input, .ndui-official-r8 select, .ndui-official-r8 textarea{font-family:'Montserrat',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important} .ndui-official-r8{font-size:14px!important;line-height:1.5!important;background:var(--soft)!important;color:var(--text)!important} .ndui-official-r8 h1,.ndui-official-r8 h2,.ndui-official-r8 h3,.ndui-official-r8 h4,.ndui-official-r8 strong,.ndui-official-r8 b{font-family:'Montserrat',system-ui,sans-serif!important;color:var(--ink)} .ndui-official-r8 h1{font-size:clamp(26px,2.1vw,34px)!important;line-height:1.12!important;letter-spacing:-.035em!important;font-weight:700!important} .ndui-official-r8 h2{font-size:clamp(19px,1.45vw,24px)!important;line-height:1.22!important;letter-spacing:-.025em!important;font-weight:700!important} .ndui-official-r8 h3{font-size:17px!important;line-height:1.3!important;font-weight:700!important} .ndui-official-r8 p,.ndui-official-r8 small,.ndui-official-r8 label,.ndui-official-r8 td,.ndui-official-r8 th{letter-spacing:0!important} .ndui-official-r8 .page-kicker,.ndui-official-r8 .topbar-eyebrow,.ndui-official-r8 .nav-section-label{font-size:10px!important;line-height:1.2!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:800!important} /* Shell: sem faixa vazia e com as mesmas medidas oficiais. */ .ndui-official-r8 .app-shell{min-height:100dvh!important;width:100%!important;background:var(--soft)!important} .ndui-official-r8 .sidebar{width:270px!important;padding:20px 18px!important;overflow:visible!important;background:rgba(255,255,255,.94)!important;border-right:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:blur(18px)!important} html[data-theme="dark"] .ndui-official-r8 .sidebar{background:rgba(17,28,46,.96)!important} .ndui-official-r8 .sidebar-head{height:68px!important;min-height:68px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--line)!important;overflow:visible!important} .ndui-official-r8 .ndui-brand{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;overflow:visible!important} .ndui-official-r8 .ndui-brand-full{display:none!important} .ndui-official-r8 .ndui-brand-mark{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:13px!important;overflow:hidden!important} .ndui-official-r8 .ndui-brand-mark img{display:block!important;width:44px!important;height:44px!important;object-fit:contain!important} .ndui-official-r8 .sidebar-logo-text{display:flex!important;align-items:baseline!important;min-width:0!important;font-size:19px!important;line-height:1!important;letter-spacing:-.04em!important;white-space:nowrap!important;clip:auto!important;clip-path:none!important;position:static!important;width:auto!important;height:auto!important;overflow:visible!important} .ndui-official-r8 .sidebar-logo-text b{font-weight:800!important;color:var(--ink)!important} .ndui-official-r8 .sidebar-logo-text em{font-style:normal!important;font-weight:700!important;color:var(--primary)!important} .ndui-official-r8 .sidebar-toggle{position:absolute!important;right:-17px!important;top:78px!important;bottom:auto!important;z-index:75!important;display:grid!important;width:34px!important;min-width:34px!important;height:34px!important;border-radius:999px!important;border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--muted)!important;box-shadow:var(--shadow-soft)!important} .ndui-official-r8 .sidebar-nav{flex:1 1 auto!important;min-height:0!important;margin-top:18px!important;padding:0 2px 86px 0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important} .ndui-official-r8 .workspace{margin-left:270px!important;width:calc(100% - 270px)!important;min-width:0!important;transition:margin-left .25s ease,width .25s ease!important} .ndui-official-r8 .topbar{width:100%!important;height:88px!important;min-height:88px!important;padding:0 28px!important;border-bottom:1px solid rgba(230,237,245,.82)!important;background:rgba(246,249,253,.9)!important} html[data-theme="dark"] .ndui-official-r8 .topbar{background:rgba(14,23,40,.92)!important} .ndui-official-r8 .content{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:26px 28px 48px!important;overflow:visible!important} .ndui-official-r8 .content>*{max-width:none!important} .ndui-official-r8 .app-shell.sidebar-collapsed .sidebar{width:86px!important;padding-inline:12px!important} .ndui-official-r8 .app-shell.sidebar-collapsed .workspace{margin-left:86px!important;width:calc(100% - 86px)!important} .ndui-official-r8 .app-shell.sidebar-collapsed .sidebar-logo-text,.ndui-official-r8 .app-shell.sidebar-collapsed .tenant-pill-copy,.ndui-official-r8 .app-shell.sidebar-collapsed .tenant-pill>div,.ndui-official-r8 .app-shell.sidebar-collapsed .nav-section-label,.ndui-official-r8 .app-shell.sidebar-collapsed .sidebar-nav a>span:not(.nav-icon):not(.nav-count),.ndui-official-r8 .app-shell.sidebar-collapsed .sidebar-nav summary>span:not(.nav-icon){display:none!important} .ndui-official-r8 .app-shell.sidebar-collapsed .sidebar-head{padding-inline:8px!important;justify-content:center!important} .ndui-official-r8 .app-shell.sidebar-collapsed .sidebar-toggle{right:-17px!important;transform:rotate(180deg)!important} .ndui-official-r8 .app-shell.sidebar-collapsed .tenant-pill{padding:8px!important;justify-content:center!important} .ndui-official-r8 .app-shell.sidebar-collapsed .sidebar-nav a,.ndui-official-r8 .app-shell.sidebar-collapsed .sidebar-nav summary{justify-content:center!important;padding-inline:0!important} /* Componentes oficiais aplicados a todas as telas internas. */ .ndui-official-r8 .card,.ndui-official-r8 .panel,.ndui-official-r8 .form-card,.ndui-official-r8 .smart-finance-hub,.ndui-official-r8 .settings-link-card,.ndui-official-r8 .profile-nav,.ndui-official-r8 .module-hero,.ndui-official-r8 .quick-actions-strip{border:1px solid var(--line)!important;border-radius:22px!important;background:var(--surface)!important;box-shadow:var(--shadow-soft)!important} .ndui-official-r8 .card,.ndui-official-r8 .panel,.ndui-official-r8 .form-card{padding:22px!important} .ndui-official-r8 .module-hero{padding:24px!important;background:var(--gradient)!important;color:#fff!important;border:0!important;overflow:hidden!important} .ndui-official-r8 .module-hero h1,.ndui-official-r8 .module-hero h2,.ndui-official-r8 .module-hero p,.ndui-official-r8 .module-hero .page-kicker{color:#fff!important} .ndui-official-r8 .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ndui-official-r8 .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ndui-official-r8 .grid-4,.ndui-official-r8 .nf-summary-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important} .ndui-official-r8 .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:20px!important} .ndui-official-r8 .dashboard-metrics,.ndui-official-r8 .smart-finance-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important} .ndui-official-r8 .metric-card,.ndui-official-r8 .smart-metric{min-width:0!important;min-height:138px!important;padding:20px!important;border-radius:18px!important} .ndui-official-r8 .metric-card>strong,.ndui-official-r8 .smart-metric>strong{font-size:clamp(22px,1.8vw,30px)!important;line-height:1.12!important} .ndui-official-r8 input,.ndui-official-r8 select,.ndui-official-r8 textarea{min-height:46px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:none!important} .ndui-official-r8 textarea{min-height:110px!important} .ndui-official-r8 input:focus,.ndui-official-r8 select:focus,.ndui-official-r8 textarea:focus{outline:3px solid rgba(24,97,241,.12)!important;border-color:var(--primary)!important} .ndui-official-r8 .btn{min-height:46px!important;border-radius:13px!important;font-weight:700!important} .ndui-official-r8 .btn-primary{background:var(--gradient)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 24px rgba(24,97,241,.18)!important} .ndui-official-r8 .table-wrap,.ndui-official-r8 .table-scroll{width:100%!important;max-width:100%!important;overflow:auto!important;border:1px solid var(--line)!important;border-radius:15px!important} .ndui-official-r8 table{width:100%!important;border-collapse:separate!important;border-spacing:0!important} .ndui-official-r8 th{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--muted)!important;background:var(--soft)!important} .ndui-official-r8 th,.ndui-official-r8 td{padding:14px 16px!important;vertical-align:middle!important;border-bottom:1px solid var(--line)!important} .ndui-official-r8 .filter-grid,.ndui-official-r8 .transaction-filter-grid{display:grid!important;grid-template-columns:minmax(180px,1.2fr) repeat(4,minmax(145px,1fr)) minmax(145px,.9fr) minmax(145px,.9fr)!important;gap:12px!important;align-items:end!important} .ndui-official-r8 .form-grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.ndui-official-r8 .form-grid-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important} /* Dashboard oficial: saldo em degradê e ornamento restrito ao lado direito. */ .ndui-official-r8 .nf-balance-card{position:relative!important;isolation:isolate!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,34%)!important;min-height:190px!important;padding:28px 30px!important;overflow:hidden!important;border:0!important;border-radius:22px!important;background:linear-gradient(135deg,#1558DF 0%,#187CF1 54%,#0AC0FE 100%)!important;box-shadow:0 20px 46px rgba(24,97,241,.20)!important} .ndui-official-r8 .nf-balance-card::before{content:"";position:absolute;inset:auto -10% -70% 42%;height:190%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.20),transparent 62%);z-index:-1} .ndui-official-r8 .nf-balance-content{position:relative!important;z-index:2!important;align-self:center!important}.ndui-official-r8 .nf-balance-content span,.ndui-official-r8 .nf-balance-content small,.ndui-official-r8 .nf-balance-content strong,.ndui-official-r8 .nf-balance-content b{color:#fff!important}.ndui-official-r8 .nf-balance-content>strong{font-size:clamp(34px,3.2vw,50px)!important;line-height:1.05!important}.ndui-official-r8 .nf-balance-content>b{font-size:clamp(19px,1.6vw,26px)!important;opacity:.86!important} .ndui-official-r8 .nf-balance-chart{position:absolute!important;right:24px!important;top:50%!important;transform:translateY(-50%)!important;width:min(340px,34%)!important;height:110px!important;opacity:.72!important;overflow:visible!important;z-index:1!important} .ndui-official-r8 .nf-balance-chart .nf-chart-line{stroke:rgba(255,255,255,.92)!important;stroke-width:4!important}.ndui-official-r8 .nf-balance-chart .nf-chart-shadow{stroke:rgba(255,255,255,.18)!important;stroke-width:12!important} /* Perfil com contraste e hierarquia oficiais. */ .ndui-official-r8 .profile-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:24px!important;align-items:center!important;min-height:210px!important;padding:30px!important;border:0!important;border-radius:22px!important;overflow:hidden!important;background:linear-gradient(135deg,#0B2D73 0%,#155FD7 60%,#09A8D8 100%)!important;box-shadow:0 20px 50px rgba(25,56,104,.13)!important} .ndui-official-r8 .profile-hero h1,.ndui-official-r8 .profile-hero p,.ndui-official-r8 .profile-hero .page-kicker,.ndui-official-r8 .profile-hero-badges span{color:#fff!important;text-shadow:none!important}.ndui-official-r8 .profile-hero-main{display:flex!important;align-items:center!important;gap:22px!important}.ndui-official-r8 .profile-hero-avatar{width:92px!important;height:92px!important;flex:0 0 92px!important;border:5px solid rgba(255,255,255,.72)!important}.ndui-official-r8 .profile-completion-card{padding:20px!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:16px!important;background:rgba(255,255,255,.94)!important;color:#14213D!important;box-shadow:0 14px 30px rgba(3,31,78,.14)!important}.ndui-official-r8 .profile-completion-card *{color:#14213D!important}.ndui-official-r8 .profile-completion-track{background:#DCE8FA!important}.ndui-official-r8 .profile-completion-track i{background:var(--gradient)!important} /* Gráficos compactos, legíveis e coerentes. */ .ndui-official-r8 .goal-card,.ndui-official-r8 .flow-card,.ndui-official-r8 .forecast-chart-card,.ndui-official-r8 .investment-detail-chart,.ndui-official-r8 .print-chart-section{min-height:0!important;height:auto!important} .ndui-official-r8 .goal-card{padding:22px!important}.ndui-official-r8 .goal-values{margin:18px 0 14px!important}.ndui-official-r8 .goal-values strong{font-size:clamp(28px,2.3vw,38px)!important}.ndui-official-r8 .goal-progress{height:12px!important;border-radius:999px!important;background:#E7EFFB!important;overflow:hidden!important}.ndui-official-r8 .goal-progress>span{display:block!important;height:100%!important;border-radius:inherit!important;background:var(--gradient)!important} .ndui-official-r8 .flow-card{padding:22px!important}.ndui-official-r8 .flow-chart-legend{display:flex!important;justify-content:flex-end!important;gap:18px!important;margin:2px 0 10px!important;color:var(--muted)!important;font-size:12px!important}.ndui-official-r8 .flow-chart-legend span{display:inline-flex!important;align-items:center!important;gap:7px!important}.ndui-official-r8 .legend-dot{width:9px!important;height:9px!important;border-radius:999px!important}.ndui-official-r8 .legend-income{background:linear-gradient(180deg,#0AC0FE,#12B76A)!important}.ndui-official-r8 .legend-expense{background:linear-gradient(180deg,#FF7A8A,#E5484D)!important} .ndui-official-r8 .bar-chart-shell{position:relative!important;height:270px!important;margin-top:4px!important;padding:12px 0 0!important;overflow:hidden!important}.ndui-official-r8 .chart-grid-lines{position:absolute!important;inset:12px 0 34px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;pointer-events:none!important}.ndui-official-r8 .chart-grid-lines i{display:block!important;border-top:1px dashed var(--line)!important}.ndui-official-r8 .bar-chart{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(6,minmax(54px,1fr))!important;align-items:end!important;gap:18px!important;height:100%!important;padding:0 10px!important}.ndui-official-r8 .bar-month{display:grid!important;grid-template-rows:minmax(0,1fr) 28px!important;align-items:end!important;height:100%!important;min-width:0!important}.ndui-official-r8 .bar-pair{display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:7px!important;height:100%!important;border-bottom:1px solid var(--line)!important}.ndui-official-r8 .bar-pair>span{position:relative!important;width:min(20px,34%)!important;min-height:5px!important;border-radius:9px 9px 3px 3px!important;transition:height .25s ease!important}.ndui-official-r8 .bar-income{background:linear-gradient(180deg,#0AC0FE,#12B76A)!important}.ndui-official-r8 .bar-expense{background:linear-gradient(180deg,#FF7A8A,#E5484D)!important}.ndui-official-r8 .bar-pair b{position:absolute!important;left:50%!important;bottom:calc(100% + 7px)!important;transform:translateX(-50%)!important;display:none!important;padding:5px 7px!important;border-radius:8px!important;background:var(--ink)!important;color:var(--surface)!important;font-size:9px!important;white-space:nowrap!important;z-index:5!important}.ndui-official-r8 .bar-pair>span:hover b,.ndui-official-r8 .bar-pair>span:focus b{display:block!important}.ndui-official-r8 .bar-month>small{text-align:center!important;color:var(--muted)!important;font-size:11px!important;white-space:nowrap!important} .ndui-official-r8 .forecast-chart,.ndui-official-r8 .investment-chart-shell,.ndui-official-r8 .report-bar-chart,.ndui-official-r8 .print-line-chart,.ndui-official-r8 .print-trend-chart{max-height:340px!important;min-height:220px!important;overflow:hidden!important}.ndui-official-r8 .forecast-chart svg,.ndui-official-r8 .investment-chart-shell svg,.ndui-official-r8 .report-bar-chart svg{width:100%!important;height:auto!important;max-height:320px!important} /* Ajuda contextual: portal realmente ancorado e acima de qualquer card. */ .help-popover-portal{position:fixed!important;z-index:2500!important;display:block!important;box-sizing:border-box!important;margin:0!important;padding:16px 18px!important;overflow:auto!important;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:0 22px 60px rgba(17,34,68,.22)!important;transform:none!important;animation:nduiHelpIn .16s ease-out!important}.help-popover-portal::before,.help-popover-portal::after{display:none!important}@keyframes nduiHelpIn{from{opacity:0;transform:translateY(-4px)!important}to{opacity:1;transform:none!important}} /* Responsividade integral Web / tablet / PWA. */ @media(max-width:1400px){.ndui-official-r8 .filter-grid,.ndui-official-r8 .transaction-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ndui-official-r8 .dashboard-metrics,.ndui-official-r8 .smart-finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:1180px){.ndui-official-r8 .content{padding-inline:22px!important}.ndui-official-r8 .dashboard-grid{grid-template-columns:1fr!important}.ndui-official-r8 .grid-4,.ndui-official-r8 .nf-summary-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ndui-official-r8 .filter-grid,.ndui-official-r8 .transaction-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ndui-official-r8 .profile-hero{grid-template-columns:1fr 260px!important}} @media(max-width:1000px){ .ndui-official-r8 .sidebar{transform:translateX(-110%)!important;width:270px!important;box-shadow:var(--shadow)!important}.ndui-official-r8 .app-shell.sidebar-open .sidebar,.ndui-official-r8 .app-shell.mobile-open .sidebar{transform:translateX(0)!important}.ndui-official-r8 .workspace,.ndui-official-r8 .app-shell.sidebar-collapsed .workspace{margin-left:0!important;width:100%!important}.ndui-official-r8 .sidebar-toggle{right:14px!important;top:17px!important;transform:none!important}.ndui-official-r8 .mobile-menu.icon-btn{display:grid!important}.ndui-official-r8 .content{padding:22px 18px 98px!important}.ndui-official-r8 .topbar{padding:0 18px!important}.ndui-official-r8 .topbar-search{display:none!important}.ndui-official-r8 .profile-hero{grid-template-columns:1fr!important}.ndui-official-r8 .profile-completion-card{max-width:none!important}.ndui-official-r8 .filter-grid,.ndui-official-r8 .transaction-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ndui-official-r8 .form-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:720px){ .ndui-official-r8 .topbar{height:72px!important;min-height:72px!important;padding:0 14px!important}.ndui-official-r8 .topbar-actions{gap:6px!important}.ndui-official-r8 .topbar-actions .topbar-refresh-btn,.ndui-official-r8 .topbar-actions .topbar-icon-link[title="Pesquisar"],.ndui-official-r8 .topbar-actions .topbar-icon-link[title="Suporte"]{display:none!important}.ndui-official-r8 .content{padding:18px 12px 98px!important}.ndui-official-r8 .grid-2,.ndui-official-r8 .grid-3,.ndui-official-r8 .grid-4,.ndui-official-r8 .nf-summary-tiles,.ndui-official-r8 .dashboard-metrics,.ndui-official-r8 .smart-finance-metrics{grid-template-columns:1fr!important}.ndui-official-r8 .filter-grid,.ndui-official-r8 .transaction-filter-grid,.ndui-official-r8 .form-grid-2,.ndui-official-r8 .form-grid-3{grid-template-columns:1fr!important}.ndui-official-r8 .card,.ndui-official-r8 .panel,.ndui-official-r8 .form-card{padding:16px!important;border-radius:18px!important}.ndui-official-r8 .module-hero{padding:20px!important;border-radius:18px!important}.ndui-official-r8 .nf-balance-card{grid-template-columns:1fr!important;min-height:174px!important;padding:22px!important}.ndui-official-r8 .nf-balance-chart{right:-20px!important;width:48%!important;height:82px!important;opacity:.42!important}.ndui-official-r8 .profile-hero{padding:20px!important;border-radius:18px!important}.ndui-official-r8 .profile-hero-main{align-items:flex-start!important}.ndui-official-r8 .profile-hero-avatar{width:72px!important;height:72px!important;flex-basis:72px!important}.ndui-official-r8 .profile-hero h1{font-size:24px!important}.ndui-official-r8 .bar-chart-shell{height:230px!important;overflow-x:auto!important;overflow-y:hidden!important}.ndui-official-r8 .bar-chart{min-width:560px!important;gap:12px!important}.ndui-official-r8 table{min-width:680px!important}.ndui-official-r8 input,.ndui-official-r8 select,.ndui-official-r8 textarea{font-size:16px!important}.ndui-official-r8 .auth-card-v17 input,.ndui-official-r8 .auth-card-v17 select,.ndui-official-r8 .auth-card-v17 textarea{font-size:16px!important} } @media(max-width:440px){.ndui-official-r8 .content{padding-inline:10px!important}.ndui-official-r8 .topbar-context strong{max-width:130px!important}.ndui-official-r8 .profile-hero-main{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:14px!important}.ndui-official-r8 .profile-hero-avatar{width:62px!important;height:62px!important;flex-basis:62px!important}.ndui-official-r8 .profile-hero-badges{grid-column:1/-1!important}.ndui-official-r8 .nf-balance-chart{display:none!important}.ndui-official-r8 .bar-chart-shell{height:215px!important}.ndui-official-r8 .help-popover-portal{width:calc(100vw - 20px)!important}} /* R8 hot gate: o shell antigo era grid e somava uma coluna ao margin-left da sidebar fixa. */ .ndui-official-r8 .app-shell{display:block!important;grid-template-columns:none!important;padding-left:0!important} .ndui-official-r8 .app-main.workspace{margin-left:270px!important;width:calc(100% - 270px)!important} .ndui-official-r8 .app-shell.sidebar-collapsed .app-main.workspace{margin-left:86px!important;width:calc(100% - 86px)!important} @media(max-width:1000px){ .ndui-official-r8 .app-main.workspace,.ndui-official-r8 .app-shell.sidebar-collapsed .app-main.workspace{margin-left:0!important;width:100%!important} .ndui-official-r8 input,.ndui-official-r8 select,.ndui-official-r8 textarea{font-size:16px!important} } /* R8 chart legend compatibility: app.css treated every legend span as a color swatch. */ .ndui-official-r8 .flow-chart-legend{position:static!important;inset:auto!important;width:auto!important;height:auto!important} .ndui-official-r8 .flow-chart-legend>span{width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;white-space:nowrap!important} .ndui-official-r8 .profile-hero,.ndui-official-r8 .goal-card,.ndui-official-r8 .flow-card{content-visibility:visible!important;contain:none!important} @media(max-width:720px){ .ndui-official-r8 .bar-chart-shell{overflow:hidden!important} .ndui-official-r8 .bar-chart{min-width:0!important;width:100%!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px!important;padding-inline:2px!important} .ndui-official-r8 .bar-pair{gap:3px!important}.ndui-official-r8 .bar-pair>span{width:min(12px,38%)!important} .ndui-official-r8 .flow-chart-legend{justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap!important} } /* R8 typography parity: o ZIP oficial usa Montserrat em 14px nos controles desktop e 16px no mobile. */ .ndui-official-r8 input, .ndui-official-r8 select, .ndui-official-r8 textarea, .ndui-official-r8 button { font-family: "Montserrat", system-ui, sans-serif !important; font-size: 14px !important; line-height: 1.45 !important; } @media (max-width: 1000px) { .ndui-official-r8 input, .ndui-official-r8 select, .ndui-official-r8 textarea { font-size: 16px !important; } } /* ==========================================================================\n R9 V4C8S2 — acabamento oficial, espaçamento, gráficos e tabelas mobile\n Referência: NowDev UI Oficial Premium v1.3.0 / NDUI-20260801-D7K9\n ========================================================================== */ .ndui-official-r9{--r9-page-gap:20px;--r9-card-gap:18px;--r9-field-gap:14px;--r9-accent:linear-gradient(90deg,#1861F1 0%,#0AC0FE 100%)} .ndui-official-r9 .content{padding:24px 28px 48px!important} .ndui-official-r9 .dashboard-order-layout{display:flex!important;flex-direction:column!important;gap:var(--r9-page-gap)!important} .ndui-official-r9 .dashboard-order-layout>*{margin-top:0!important;margin-bottom:0!important} .ndui-official-r9 .mt-24{margin-top:var(--r9-page-gap)!important} .ndui-official-r9 .card,.ndui-official-r9 .panel,.ndui-official-r9 .form-card{padding:22px!important} .ndui-official-r9 .card-header,.ndui-official-r9 .panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important;padding-bottom:15px!important;border-bottom:1px solid var(--line)!important} .ndui-official-r9 .card-header h2,.ndui-official-r9 .card-header h3,.ndui-official-r9 .panel-head h2,.ndui-official-r9 .panel-head h3{margin:0!important} .ndui-official-r9 .grid-2,.ndui-official-r9 .grid-3,.ndui-official-r9 .grid-4,.ndui-official-r9 .dashboard-grid,.ndui-official-r9 .dashboard-metrics,.ndui-official-r9 .smart-finance-metrics,.ndui-official-r9 .nf-summary-tiles,.ndui-official-r9 .form-grid,.ndui-official-r9 .form-grid-2,.ndui-official-r9 .form-grid-3{gap:var(--r9-card-gap)!important} .ndui-official-r9 label{gap:7px!important} .ndui-official-r9 .form-stack{gap:var(--r9-field-gap)!important} .ndui-official-r9 .form-actions,.ndui-official-r9 .hero-actions,.ndui-official-r9 .filter-actions,.ndui-official-r9 .list-header-actions{gap:10px!important} /* Cabeçalho oficial: a saudação é seção, não um painel branco. */ .ndui-official-r9 .quick-actions-strip{margin:0 0 2px!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'copy actions' 'status actions'!important;align-items:center!important;gap:12px 24px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important} .ndui-official-r9 .quick-actions-strip::before,.ndui-official-r9 .quick-actions-strip::after{display:none!important} .ndui-official-r9 .quick-actions-strip>div:first-child{grid-area:copy!important;max-width:820px!important} .ndui-official-r9 .quick-actions-strip .dashboard-status-pills{grid-area:status!important;margin:0!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important} .ndui-official-r9 .quick-actions-strip .quick-actions-buttons{grid-area:actions!important;align-self:center!important;justify-self:end!important} .ndui-official-r9 .quick-actions-strip h1{margin:0!important;font-size:clamp(28px,2.15vw,34px)!important} .ndui-official-r9 .quick-actions-strip .muted{margin:8px 0 0!important;line-height:1.65!important} .ndui-official-r9 .isf-pill{min-width:132px!important;padding:9px 12px!important} /* Topbar: nome e avatar nunca ficam cortados. */ .ndui-official-r9 .topbar{gap:18px!important} .ndui-official-r9 .topbar-left{min-width:180px!important;flex:1 1 auto!important} .ndui-official-r9 .topbar-actions{min-width:0!important;flex:0 1 auto!important} .ndui-official-r9 .topbar-search{width:clamp(270px,28vw,390px)!important;min-width:220px!important} .ndui-official-r9 .user-chip{min-width:0!important;max-width:205px!important;display:flex!important;align-items:center!important;gap:9px!important;overflow:hidden!important} .ndui-official-r9 .user-chip-copy{min-width:0!important;max-width:145px!important;overflow:hidden!important} .ndui-official-r9 .user-chip-copy strong,.ndui-official-r9 .user-chip-copy small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} /* Todos os filetes de destaque seguem o degradê azul oficial. */ .ndui-official-r9 .metric-card,.ndui-official-r9 .health-snapshot-card,.ndui-official-r9 .status-report-card,.ndui-official-r9 .governance-summary-grid>.card,.ndui-official-r9 .suite-metrics>.card{position:relative!important;overflow:hidden!important;border-top-color:var(--line)!important} .ndui-official-r9 .metric-card::before,.ndui-official-r9 .health-snapshot-card::before,.ndui-official-r9 .status-report-card::before,.ndui-official-r9 .governance-summary-grid>.card::before,.ndui-official-r9 .suite-metrics>.card::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:4px!important;background:var(--r9-accent)!important;border-radius:22px 22px 0 0!important;z-index:2!important} .ndui-official-r9 .accent-blue,.ndui-official-r9 .accent-red,.ndui-official-r9 .accent-green,.ndui-official-r9 .accent-yellow,.ndui-official-r9 .accent-violet,.ndui-official-r9 .sla-critical,.ndui-official-r9 .sla-high,.ndui-official-r9 .sla-medium,.ndui-official-r9 .sla-low{border-top-color:var(--line)!important} /* Dashboard: cartões da mesma linha têm altura coerente e não deixam buracos. */ .ndui-official-r9 .dashboard-grid{align-items:stretch!important} .ndui-official-r9 .dashboard-grid>.card{height:100%!important;min-height:0!important} .ndui-official-r9 .goal-card,.ndui-official-r9 .due-card{height:100%!important;min-height:310px!important} .ndui-official-r9 .goal-card{display:flex!important;flex-direction:column!important} .ndui-official-r9 .goal-card .goal-values{margin-top:auto!important} .ndui-official-r9 .list-stack{display:grid!important;gap:10px!important} .ndui-official-r9 .list-row{padding:13px 14px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--soft)!important} /* Saldo principal no padrão PWA/Web oficial. */ .ndui-official-r9 .nf-balance-card{min-height:188px!important;padding:27px 30px!important} .ndui-official-r9 .nf-balance-chart{right:28px!important;width:min(300px,30%)!important;height:96px!important;opacity:.78!important} .ndui-official-r9 .nf-balance-card::before{left:58%!important;right:-16%!important;bottom:-92%!important;height:195%!important} .ndui-official-r9 .nf-balance-content>strong{white-space:nowrap!important;max-width:100%!important} /* Categorias, orçamentos e relatórios: sem textos sobrepostos. */ .ndui-official-r9 .category-list{display:grid!important;gap:12px!important} .ndui-official-r9 .category-item{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;padding:13px 14px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--soft)!important;min-width:0!important} .ndui-official-r9 .category-item>div:first-child{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:14px!important;min-width:0!important} .ndui-official-r9 .category-item>div:first-child strong{min-width:0!important;overflow-wrap:anywhere!important} .ndui-official-r9 .category-item>div:first-child span{flex:0 0 auto!important;font-weight:700!important;color:var(--ink)!important;text-align:right!important} .ndui-official-r9 .mini-progress,.ndui-official-r9 .progress-line,.ndui-official-r9 .budget-progress{height:9px!important;border-radius:999px!important;background:#E7EFFB!important;overflow:hidden!important} html[data-theme="dark"] .ndui-official-r9 .mini-progress,html[data-theme="dark"] .ndui-official-r9 .progress-line,html[data-theme="dark"] .ndui-official-r9 .budget-progress{background:#22314B!important} .ndui-official-r9 .mini-progress>span,.ndui-official-r9 .progress-line>div,.ndui-official-r9 .budget-progress>span{display:block!important;height:100%!important;border-radius:inherit!important;background:var(--gradient)!important} .ndui-official-r9 .budget-category{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-width:0!important} .ndui-official-r9 .budget-category-icon{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:linear-gradient(145deg,#EAF2FF,#E0FEFD)!important;color:var(--primary)!important;overflow:hidden!important} .ndui-official-r9 .budget-category-icon .nf-icon,.ndui-official-r9 .budget-category-icon svg{width:22px!important;height:22px!important} .ndui-official-r9 .budget-category>div{min-width:0!important} /* Heróis e gráficos financeiros seguem somente o azul/ciano oficial. */ .ndui-official-r9 .module-hero,.ndui-official-r9 .investment-balance-card,.ndui-official-r9 .patrimony-hero,.ndui-official-r9 .investments-hero{background:var(--gradient)!important;background-image:var(--gradient)!important;color:#fff!important;border:0!important} .ndui-official-r9 .investment-balance-card{position:relative!important;overflow:hidden!important;border-radius:22px!important;padding:26px!important;box-shadow:0 20px 46px rgba(24,97,241,.20)!important} .ndui-official-r9 .investment-balance-card *{color:#fff!important} .ndui-official-r9 .investment-balance-card>span,.ndui-official-r9 .investment-balance-card small{opacity:.82!important} .ndui-official-r9 .investment-chart-area{fill:rgba(255,255,255,.18)!important} .ndui-official-r9 .investment-chart-line{stroke:#E0FEFD!important;stroke-width:2.4!important} .ndui-official-r9 .module-hero .isf-card{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:none!important;overflow:hidden!important} .ndui-official-r9 .module-hero .isf-card::before,.ndui-official-r9 .module-hero .isf-card::after{display:none!important} .ndui-official-r9 .module-hero .isf-card *{color:#fff!important} /* Gráficos: proporção compacta e rótulos legíveis. */ .ndui-official-r9 .bar-chart-shell{height:240px!important;padding-top:8px!important} .ndui-official-r9 .bar-chart{gap:12px!important;padding-inline:4px!important} .ndui-official-r9 .bar-pair{gap:5px!important} .ndui-official-r9 .bar-pair>span{width:min(18px,34%)!important} .ndui-official-r9 .report-bar-chart{height:250px!important;min-height:220px!important;max-height:250px!important;align-items:end!important;overflow:hidden!important} .ndui-official-r9 .forecast-chart,.ndui-official-r9 .investment-chart-shell,.ndui-official-r9 .report-bar-chart,.ndui-official-r9 .print-line-chart,.ndui-official-r9 .print-trend-chart{width:100%!important;max-width:100%!important} .ndui-official-r9 svg{max-width:100%!important} /* Tabelas desktop oficiais. */ .ndui-official-r9 .table-wrap,.ndui-official-r9 .table-scroll{overflow:auto!important;background:var(--surface)!important} .ndui-official-r9 table.responsive-table{min-width:0!important} .ndui-official-r9 th,.ndui-official-r9 td{padding:14px 15px!important} .ndui-official-r9 td.amount{white-space:nowrap!important} /* Tablet. */ @media(max-width:1180px){ .ndui-official-r9 .topbar-search{width:260px!important} .ndui-official-r9 .topbar-refresh-btn,.ndui-official-r9 .topbar-icon-link[title="Suporte"]{display:none!important} .ndui-official-r9 .dashboard-grid{grid-template-columns:1fr!important} .ndui-official-r9 .goal-card,.ndui-official-r9 .due-card{min-height:0!important} } /* PWA/mobile fiel ao ZIP oficial. */ @media(max-width:720px){ .ndui-official-r9{--r9-page-gap:14px;--r9-card-gap:12px;--r9-field-gap:12px} .ndui-official-r9 .topbar{height:72px!important;min-height:72px!important;padding:0 12px!important;border-radius:0!important} .ndui-official-r9 .topbar-left{min-width:0!important;flex:1!important} .ndui-official-r9 .topbar-context strong{max-width:150px!important;font-size:17px!important} .ndui-official-r9 .topbar-actions{gap:6px!important} .ndui-official-r9 .user-chip{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;overflow:visible!important} .ndui-official-r9 .user-chip-copy{display:none!important} .ndui-official-r9 .user-chip>img,.ndui-official-r9 .user-chip>span:first-child{width:42px!important;height:42px!important} .ndui-official-r9 .topbar-logout-btn{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;font-size:0!important} .ndui-official-r9 .content{padding:16px 12px calc(106px + env(safe-area-inset-bottom))!important} .ndui-official-r9 .quick-actions-strip{grid-template-columns:1fr!important;grid-template-areas:'copy' 'status' 'actions'!important;gap:15px!important;margin-bottom:2px!important} .ndui-official-r9 .quick-actions-strip h1{font-size:clamp(29px,8.5vw,38px)!important;line-height:1.08!important} .ndui-official-r9 .quick-actions-strip .muted{font-size:15px!important;line-height:1.6!important} .ndui-official-r9 .quick-actions-strip .dashboard-status-pills{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important} .ndui-official-r9 .isf-pill{min-width:0!important;padding:13px 14px!important} .ndui-official-r9 .quick-actions-strip .quick-actions-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;justify-self:stretch!important} .ndui-official-r9 .quick-actions-strip .quick-actions-buttons>.btn,.ndui-official-r9 .quick-actions-strip .quick-actions-buttons>details,.ndui-official-r9 .quick-actions-strip .quick-actions-buttons>details>summary{width:100%!important} .ndui-official-r9 .quick-actions-strip .dashboard-action{min-height:54px!important} .ndui-official-r9 .nf-balance-card{display:block!important;min-height:290px!important;padding:27px 24px!important;border-radius:24px!important} .ndui-official-r9 .nf-balance-content>strong{font-size:clamp(38px,11vw,54px)!important;margin-top:22px!important;white-space:normal!important;overflow-wrap:anywhere!important} .ndui-official-r9 .nf-balance-content>b{font-size:clamp(25px,7vw,34px)!important;margin-top:25px!important} .ndui-official-r9 .nf-balance-chart{display:none!important} .ndui-official-r9 .grid-2,.ndui-official-r9 .grid-3,.ndui-official-r9 .grid-4,.ndui-official-r9 .dashboard-grid,.ndui-official-r9 .dashboard-metrics,.ndui-official-r9 .smart-finance-metrics,.ndui-official-r9 .nf-summary-tiles,.ndui-official-r9 .form-grid,.ndui-official-r9 .form-grid-2,.ndui-official-r9 .form-grid-3{grid-template-columns:1fr!important} .ndui-official-r9 .card,.ndui-official-r9 .panel,.ndui-official-r9 .form-card{padding:17px!important;border-radius:19px!important} .ndui-official-r9 .card-header,.ndui-official-r9 .panel-head{gap:12px!important;margin-bottom:15px!important;padding-bottom:13px!important} .ndui-official-r9 .card-header .btn,.ndui-official-r9 .card-header .hero-actions{width:100%!important} .ndui-official-r9 .card-header{flex-wrap:wrap!important} .ndui-official-r9 .bar-chart-shell{height:205px!important;overflow:hidden!important} .ndui-official-r9 .bar-chart{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px!important;min-width:0!important;width:100%!important;padding:0!important} .ndui-official-r9 .bar-pair{gap:2px!important}.ndui-official-r9 .bar-pair>span{width:min(11px,42%)!important}.ndui-official-r9 .bar-pair b{display:none!important} .ndui-official-r9 .bar-month>small{font-size:9px!important;overflow:hidden!important;text-overflow:ellipsis!important} .ndui-official-r9 .flow-chart-legend{justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap!important} .ndui-official-r9 .category-item{padding:12px!important} .ndui-official-r9 .category-item>div:first-child{align-items:flex-start!important;flex-direction:column!important;gap:3px!important} .ndui-official-r9 .category-item>div:first-child span{text-align:left!important} /* Toda tabela vira cartões verticais; nenhuma barra horizontal é necessária. */ .ndui-official-r9 .table-wrap,.ndui-official-r9 .table-scroll{overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important} .ndui-official-r9 table.responsive-table{display:block!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important} .ndui-official-r9 table.responsive-table thead{display:none!important} .ndui-official-r9 table.responsive-table tbody{display:grid!important;gap:12px!important;width:100%!important} .ndui-official-r9 table.responsive-table tr{display:block!important;width:100%!important;padding:7px 14px!important;border:1px solid var(--line)!important;border-radius:17px!important;background:var(--surface)!important;box-shadow:0 6px 18px rgba(25,56,104,.045)!important} .ndui-official-r9 table.responsive-table td{display:grid!important;grid-template-columns:minmax(105px,38%) minmax(0,1fr)!important;align-items:start!important;gap:12px!important;width:100%!important;min-width:0!important;padding:10px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;text-align:right!important;white-space:normal!important;overflow-wrap:anywhere!important} .ndui-official-r9 table.responsive-table td:last-child{border-bottom:0!important} .ndui-official-r9 table.responsive-table td::before{content:attr(data-label)!important;display:block!important;color:var(--muted)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-align:left!important} .ndui-official-r9 table.responsive-table td[colspan]{display:block!important;text-align:left!important}.ndui-official-r9 table.responsive-table td[colspan]::before{display:none!important} .ndui-official-r9 table.responsive-table td>strong,.ndui-official-r9 table.responsive-table td>span,.ndui-official-r9 table.responsive-table td>a,.ndui-official-r9 table.responsive-table td>div,.ndui-official-r9 table.responsive-table td>form{min-width:0!important;max-width:100%!important;justify-self:end!important} .ndui-official-r9 table.responsive-table td .btn,.ndui-official-r9 table.responsive-table td button{max-width:100%!important;white-space:normal!important} .ndui-official-r9 .responsive-table-actions{display:flex!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important} .ndui-official-r9 .nf-mobile-bottom-nav{min-height:82px!important;grid-template-columns:1fr 1fr 76px 1fr 1fr!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important} .ndui-official-r9 .nf-mobile-nav-create{width:62px!important;height:62px!important;bottom:13px!important;border:7px solid var(--surface)!important} .ndui-official-r9 .support-fab{bottom:92px!important} } @media(max-width:390px){ .ndui-official-r9 .content{padding-inline:10px!important} .ndui-official-r9 .topbar-context strong{max-width:128px!important} .ndui-official-r9 .quick-actions-strip .dashboard-status-pills{grid-template-columns:1fr!important} .ndui-official-r9 .nf-balance-card{min-height:270px!important;padding:24px 20px!important} .ndui-official-r9 table.responsive-table td{grid-template-columns:1fr!important;gap:4px!important;text-align:left!important} .ndui-official-r9 table.responsive-table td>*{justify-self:start!important} } /* R9 final visual corrections after browser matrix. */ .ndui-official-r9 .metric-card, .ndui-official-r9 .accent-blue, .ndui-official-r9 .accent-red, .ndui-official-r9 .accent-green, .ndui-official-r9 .accent-yellow, .ndui-official-r9 .accent-violet, .ndui-official-r9 .health-snapshot-card, .ndui-official-r9 .status-report-card{ border-top:1px solid var(--line)!important; } .ndui-official-r9 .metric-card::before, .ndui-official-r9 .health-snapshot-card::before, .ndui-official-r9 .status-report-card::before{ height:4px!important; background:linear-gradient(90deg,#1861F1 0%,#0AC0FE 100%)!important; } .ndui-official-r9 .goal-card .goal-values{margin:24px 0 14px!important} .ndui-official-r9 .user-chip{max-width:238px!important} .ndui-official-r9 .user-chip-copy{max-width:178px!important;flex:1 1 178px!important} @media(max-width:1280px){ .ndui-official-r9 .topbar-search{width:230px!important} .ndui-official-r9 .user-chip{max-width:190px!important}.ndui-official-r9 .user-chip-copy{max-width:130px!important} } /* ==========================================================================\n R10 Z6F2M8 — acabamento global, contraste, controles e PWA oficial\n Referência: NowDev UI Oficial Premium v1.3.0 / NDUI-20260801-D7K9\n ========================================================================== */ .ndui-official-r10{ --r10-gradient:linear-gradient(135deg,#1861F1 0%,#0AC0FE 100%); --r10-gradient-line:linear-gradient(90deg,#1861F1 0%,#0AC0FE 100%); --r10-success:#12B76A;--r10-danger:#E5484D;--r10-warning:#F59E0B; } /* Topbar fiel ao modelo: uma única borda, busca limpa e perfil sem corte. */ .ndui-official-r10 .topbar{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(270px,390px) auto!important;align-items:center!important;column-gap:16px!important;padding-inline:24px!important;overflow:visible!important} .ndui-official-r10 .topbar-search{width:100%!important;min-width:0!important;height:48px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--surface)!important;box-shadow:0 6px 20px rgba(35,61,99,.04)!important;overflow:hidden!important} .ndui-official-r10 .topbar-search input{height:auto!important;min-height:0!important;flex:1 1 auto!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:var(--text)!important} .ndui-official-r10 .topbar-search input:focus{border:0!important;box-shadow:none!important;outline:0!important} .ndui-official-r10 .topbar-search kbd{flex:0 0 auto!important;margin-left:auto!important;padding:4px 7px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:var(--soft)!important;color:var(--muted)!important;font-size:10px!important} .ndui-official-r10 .topbar-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;min-width:0!important;overflow:visible!important} .ndui-official-r10 .user-chip{width:220px!important;max-width:220px!important;min-width:160px!important;height:48px!important;padding:4px 9px 4px 5px!important;border:1px solid transparent!important;border-radius:15px!important;background:transparent!important;overflow:hidden!important} .ndui-official-r10 .user-chip:hover{background:var(--surface)!important;border-color:var(--line)!important;box-shadow:var(--shadow-soft)!important} .ndui-official-r10 .user-chip-copy{display:grid!important;min-width:0!important;max-width:none!important;flex:1 1 auto!important;line-height:1.18!important} .ndui-official-r10 .user-chip-copy strong,.ndui-official-r10 .user-chip-copy small{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .ndui-official-r10 .user-chip-copy strong{font-size:11px!important;color:var(--ink)!important}.ndui-official-r10 .user-chip-copy small{font-size:9px!important;color:var(--muted)!important} /* Tema: lua no claro e sol no escuro. */ .ndui-official-r10 .theme-toggle{overflow:hidden!important}.ndui-official-r10 .theme-icon{display:grid!important;place-items:center!important;position:absolute!important;inset:0!important;transition:opacity .16s ease,transform .16s ease!important} .ndui-official-r10 .theme-icon-sun{opacity:0!important;transform:rotate(-20deg) scale(.8)!important}.ndui-official-r10 .theme-icon-moon{opacity:1!important;transform:none!important} html[data-theme="dark"] .ndui-official-r10 .theme-icon-sun{opacity:1!important;transform:none!important}html[data-theme="dark"] .ndui-official-r10 .theme-icon-moon{opacity:0!important;transform:rotate(20deg) scale(.8)!important} /* Botões e campos: sem bordas duplicadas/estranhas. */ .ndui-official-r10 .btn,.ndui-official-r10 button:not(.nf-mobile-nav-create):not(.sidebar-backdrop){border-width:1px!important;border-style:solid!important} .ndui-official-r10 .btn-primary{border-color:transparent!important;background:var(--r10-gradient)!important;color:#fff!important} .ndui-official-r10 .btn-outline,.ndui-official-r10 .btn-ghost{border-color:var(--line)!important;background:var(--surface)!important;color:var(--ink)!important;box-shadow:none!important} .ndui-official-r10 .btn-outline:hover,.ndui-official-r10 .btn-ghost:hover{border-color:#BDD1FF!important;background:#F3F7FF!important;color:var(--primary)!important} html[data-theme="dark"] .ndui-official-r10 .btn-outline:hover,html[data-theme="dark"] .ndui-official-r10 .btn-ghost:hover{background:#172A48!important;border-color:#36527D!important} .ndui-official-r10 input:not([type="checkbox"]):not([type="radio"]),.ndui-official-r10 select,.ndui-official-r10 textarea{border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:none!important} .ndui-official-r10 input:focus,.ndui-official-r10 select:focus,.ndui-official-r10 textarea:focus{border-color:#8CB2FF!important;box-shadow:0 0 0 4px rgba(24,97,241,.10)!important;outline:0!important} /* Todo enfeite estrutural usa o degradê azul; cores semânticas ficam apenas nos dados. */ .ndui-official-r10 .metric-card,.ndui-official-r10 .health-snapshot-card,.ndui-official-r10 .status-report-card,.ndui-official-r10 [class*="accent-"]{position:relative!important;overflow:hidden!important;border-top:1px solid var(--line)!important} .ndui-official-r10 .metric-card::before,.ndui-official-r10 .health-snapshot-card::before,.ndui-official-r10 .status-report-card::before,.ndui-official-r10 [class*="accent-"]::before{content:""!important;position:absolute!important;inset:0 0 auto 0!important;height:4px!important;border-radius:22px 22px 0 0!important;background:var(--r10-gradient-line)!important;z-index:2!important} .ndui-official-r10 .metric-card .metric-icon,.ndui-official-r10 .nf-summary-tile .metric-icon,.ndui-official-r10 .budget-category-icon,.ndui-official-r10 .recurring-type-icon{background:linear-gradient(145deg,#EAF2FF,#E0FEFD)!important;color:var(--primary)!important} .ndui-official-r10 .positive,.ndui-official-r10 .tile-income strong,.ndui-official-r10 .tile-result-positive strong,.ndui-official-r10 .amount-positive{color:var(--r10-success)!important} .ndui-official-r10 .negative,.ndui-official-r10 .tile-expense strong,.ndui-official-r10 .tile-result-negative strong,.ndui-official-r10 .amount-negative{color:var(--r10-danger)!important} .ndui-official-r10 .notice-warning,.ndui-official-r10 .alert-warning,.ndui-official-r10 .status-pending{--notice-tone:var(--r10-warning)} .ndui-official-r10 .notice-warning,.ndui-official-r10 .alert-warning{background:#FFFAEB!important;border-color:#FEDF89!important;color:#8A4B08!important} /* Contraste em claro/escuro e heróis. */ .ndui-official-r10 .module-hero,.ndui-official-r10 .module-hero *{color:#fff!important}.ndui-official-r10 .module-hero .muted{color:rgba(255,255,255,.88)!important} html[data-theme="dark"] .ndui-official-r10 .card,html[data-theme="dark"] .ndui-official-r10 .panel,html[data-theme="dark"] .ndui-official-r10 .form-card{color:#E8EEFA!important} html[data-theme="dark"] .ndui-official-r10 .card h1,html[data-theme="dark"] .ndui-official-r10 .card h2,html[data-theme="dark"] .ndui-official-r10 .card h3,html[data-theme="dark"] .ndui-official-r10 label>span{color:#F4F7FF!important} html[data-theme="dark"] .ndui-official-r10 .muted,html[data-theme="dark"] .ndui-official-r10 small{color:#AAB7CA!important} /* Checkboxes/radios alinhados ao centro da linha em todo o sistema. */ .ndui-official-r10 .checkbox-line,.ndui-official-r10 .checkbox-inline,.ndui-official-r10 .check-row,.ndui-official-r10 .toggle-card,.ndui-official-r10 .payment-method-option{display:flex!important;align-items:center!important;gap:10px!important;min-height:34px!important} .ndui-official-r10 input[type="checkbox"],.ndui-official-r10 input[type="radio"]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;flex:0 0 18px!important;margin:0!important;padding:0!important;vertical-align:middle!important;accent-color:var(--primary)!important} .ndui-official-r10 .checkbox-line>span,.ndui-official-r10 .checkbox-inline>span,.ndui-official-r10 .check-row>span{margin:0!important;line-height:1.4!important} /* Formulários: labels, sufixos, grids e ações alinhados. */ .ndui-official-r10 label:not(.checkbox-line):not(.checkbox-inline):not(.check-row){display:grid!important;align-content:start!important;gap:7px!important;min-width:0!important} .ndui-official-r10 label>span:first-child{line-height:1.35!important;min-height:18px!important} .ndui-official-r10 .input-suffix{display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;align-items:stretch!important;min-width:0!important} .ndui-official-r10 .input-suffix input{border-radius:14px 0 0 14px!important;border-right:0!important}.ndui-official-r10 .input-suffix>span{display:grid!important;place-items:center!important;min-height:48px!important;border:1px solid var(--line)!important;border-left:0!important;border-radius:0 14px 14px 0!important;background:var(--soft)!important;color:var(--muted)!important;font-weight:700!important} .ndui-official-r10 .budget-row{grid-template-columns:minmax(230px,1fr) minmax(220px,1.2fr) minmax(130px,.6fr)!important;gap:16px!important;align-items:center!important} .ndui-official-r10 .budget-edit-form{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(150px,.65fr) auto!important;gap:12px!important;align-items:end!important;padding-top:14px!important;border-top:1px solid var(--line)!important} .ndui-official-r10 .budget-edit-form .btn{height:48px!important} .ndui-official-r10 .recurring-options{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) minmax(150px,.8fr) minmax(150px,.8fr) auto!important;gap:12px!important;align-items:end!important} .ndui-official-r10 .recurring-options .checkbox-line{align-self:end!important;min-height:48px!important;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--soft)!important} .ndui-official-r10 [data-loan-calculator]{align-items:start!important}.ndui-official-r10 [data-loan-calculator] label{height:100%!important}.ndui-official-r10 [data-loan-calculator] input,.ndui-official-r10 [data-loan-calculator] select{width:100%!important} /* PWA: botão central exatamente circular, sem rótulo dentro e com anel branco. */ @media(max-width:720px){ .ndui-official-r10 .nf-mobile-bottom-nav{grid-template-columns:1fr 1fr 82px 1fr 1fr!important;min-height:86px!important;padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;background:color-mix(in srgb,var(--surface) 97%,transparent)!important} .ndui-official-r10 .nf-mobile-nav-create{position:relative!important;align-self:start!important;justify-self:center!important;width:72px!important;height:72px!important;bottom:25px!important;padding:0!important;border:8px solid var(--surface)!important;border-radius:24px!important;background:var(--r10-gradient)!important;color:#fff!important;box-shadow:0 14px 32px rgba(24,97,241,.28)!important;display:grid!important;place-items:center!important} .ndui-official-r10 .nf-mobile-nav-create span{display:grid!important;place-items:center!important}.ndui-official-r10 .nf-mobile-nav-create svg{width:31px!important;height:31px!important}.ndui-official-r10 .nf-mobile-nav-create small{display:none!important} .ndui-official-r10 .budget-row{grid-template-columns:1fr!important;gap:12px!important}.ndui-official-r10 .budget-edit-form{grid-template-columns:1fr!important}.ndui-official-r10 .budget-edit-form .btn{width:100%!important} .ndui-official-r10 .recurring-options{grid-template-columns:1fr!important}.ndui-official-r10 .recurring-options .checkbox-line{align-self:auto!important} } @media(max-width:1380px){.ndui-official-r10 .topbar{grid-template-columns:minmax(165px,1fr) minmax(220px,320px) auto!important}.ndui-official-r10 .user-chip{width:170px!important;max-width:170px!important}.ndui-official-r10 .topbar-refresh-btn,.ndui-official-r10 .topbar-icon-link[title="Suporte"],.ndui-official-r10 .topbar-icon-link[title="Pesquisar"]{display:none!important}} @media(max-width:1000px){.ndui-official-r10 .topbar{display:flex!important}.ndui-official-r10 .topbar-search{display:none!important}.ndui-official-r10 .user-chip{width:42px!important;min-width:42px!important;max-width:42px!important;padding:0!important;border:0!important}.ndui-official-r10 .user-chip-copy{display:none!important}} /* R10 — ajustes finais do topo para perfis Master e larguras intermediárias */ body.ndui-official-r10.nf-master .topbar { grid-template-columns: minmax(220px, 1fr) auto !important; } @media (max-width: 1500px) and (min-width: 981px) { body.ndui-official-r10 .topbar-search { max-width: 360px !important; } body.ndui-official-r10 .topbar-actions .topbar-refresh, body.ndui-official-r10 .topbar-actions .topbar-standalone-search, body.ndui-official-r10 .topbar-actions .topbar-help, body.ndui-official-r10 .topbar-actions .topbar-support { display: none !important; } body.ndui-official-r10 .topbar-user { max-width: 210px !important; min-width: 170px !important; } } /* ============================================================ R11 — acabamento global, identidade PWA e saída de sessão Build NDUI-R11-B7J4R9 ============================================================ */ :root{ --r11-gradient:linear-gradient(135deg,#1861F1 0%,#0AC0FE 100%); --r11-gradient-soft:linear-gradient(135deg,rgba(24,97,241,.12),rgba(10,192,254,.08)); --r11-positive:#12B76A; --r11-negative:#E5484D; --r11-warning:#F59E0B; --r11-blue:#1861F1; } /* Decoração global: toda faixa superior é azul oficial; sem semântica colorida na moldura. */ body.ndui-official-r11 .metric-card, body.ndui-official-r11 .health-snapshot-card, body.ndui-official-r11 .status-report-card, body.ndui-official-r11 [class*="accent-"], body.ndui-official-r11 .dashboard-metrics > article, body.ndui-official-r11 .summary-grid > article, body.ndui-official-r11 .kpi-grid > article{ position:relative!important; overflow:hidden!important; border-top:1px solid var(--line)!important; border-top-color:var(--line)!important; } body.ndui-official-r11 .metric-card::before, body.ndui-official-r11 .health-snapshot-card::before, body.ndui-official-r11 .status-report-card::before, body.ndui-official-r11 [class*="accent-"]::before, body.ndui-official-r11 .dashboard-metrics > article::before, body.ndui-official-r11 .summary-grid > article::before, body.ndui-official-r11 .kpi-grid > article::before{ content:""!important; position:absolute!important; inset:0 0 auto 0!important; height:4px!important; border-radius:22px 22px 0 0!important; background:var(--r11-gradient)!important; z-index:3!important; pointer-events:none!important; } /* Todos os heróis funcionais seguem o degradê azul oficial. */ body.ndui-official-r11 .module-hero, body.ndui-official-r11 .profile-hero, body.ndui-official-r11 .nf-balance-card, body.ndui-official-r11 .investment-hero, body.ndui-official-r11 .asset-hero, body.ndui-official-r11 .master-page-hero, body.ndui-official-r11 .commercial-release-hero{ background:var(--r11-gradient)!important; background-image:var(--r11-gradient)!important; color:#fff!important; border:0!important; } body.ndui-official-r11 .module-hero h1, body.ndui-official-r11 .module-hero h2, body.ndui-official-r11 .module-hero p, body.ndui-official-r11 .module-hero .page-kicker, body.ndui-official-r11 .profile-hero h1, body.ndui-official-r11 .profile-hero p, body.ndui-official-r11 .profile-hero .page-kicker, body.ndui-official-r11 .nf-balance-card .nf-overline, body.ndui-official-r11 .nf-balance-card .nf-balance-subtitle{ color:#fff!important; opacity:1!important; text-shadow:0 1px 2px rgba(0,25,80,.18)!important; } body.ndui-official-r11 .module-hero .btn:not(.btn-primary){ background:#fff!important; border-color:#fff!important; color:var(--ink)!important; box-shadow:0 10px 24px rgba(0,33,92,.14)!important; } body.ndui-official-r11 .module-hero .btn-primary{ background:rgba(255,255,255,.17)!important; border:1px solid rgba(255,255,255,.52)!important; color:#fff!important; box-shadow:none!important; } /* Cores semânticas ficam somente no conteúdo (valor/ícone), nunca na moldura. */ body.ndui-official-r11 .nf-summary-tile .metric-icon{ color:var(--r11-blue)!important; background:linear-gradient(145deg,#EAF2FF,#E6F8FF)!important; } body.ndui-official-r11 .nf-summary-tile.value-positive > strong, body.ndui-official-r11 .nf-summary-tile.value-positive > small, body.ndui-official-r11 .nf-summary-tile.value-positive .metric-icon{ color:var(--r11-positive)!important; } body.ndui-official-r11 .nf-summary-tile.value-positive .metric-icon{background:#ECFDF3!important} body.ndui-official-r11 .nf-summary-tile.value-negative > strong, body.ndui-official-r11 .nf-summary-tile.value-negative > small, body.ndui-official-r11 .nf-summary-tile.value-negative .metric-icon{ color:var(--r11-negative)!important; } body.ndui-official-r11 .nf-summary-tile.value-negative .metric-icon{background:#FEF3F2!important} body.ndui-official-r11 .nf-summary-tile.value-zero > strong, body.ndui-official-r11 .nf-summary-tile.value-zero .metric-icon{ color:var(--r11-blue)!important; } body.ndui-official-r11 .nf-summary-tile.value-zero .metric-icon{background:#EDF4FF!important} body.ndui-official-r11 .notice-warning, body.ndui-official-r11 .alert-warning, body.ndui-official-r11 .status-warning, body.ndui-official-r11 .status-pending{ color:#8A4B08!important; border-color:#FEDF89!important; background:#FFFAEB!important; } html[data-theme="dark"] body.ndui-official-r11 .notice-warning, html[data-theme="dark"] body.ndui-official-r11 .alert-warning, html[data-theme="dark"] body.ndui-official-r11 .status-warning, html[data-theme="dark"] body.ndui-official-r11 .status-pending{ color:#FFD58A!important; border-color:rgba(245,158,11,.45)!important; background:rgba(245,158,11,.12)!important; } /* Cabeçalho: pesquisa limpa, perfil inteiro e saída sempre disponível. */ body.ndui-official-r11 .topbar-search{ height:48px!important; min-width:260px!important; border:1px solid var(--line)!important; border-radius:15px!important; padding:0 12px!important; background:var(--surface)!important; box-shadow:0 8px 24px rgba(25,56,104,.05)!important; overflow:hidden!important; } body.ndui-official-r11 .topbar-search input{ height:46px!important; padding:0 8px!important; border:0!important; box-shadow:none!important; background:transparent!important; color:var(--text)!important; } body.ndui-official-r11 .topbar-search kbd{ white-space:nowrap!important; flex:0 0 auto!important; } body.ndui-official-r11 .user-chip{ min-width:184px!important; max-width:230px!important; overflow:hidden!important; flex:0 1 230px!important; } body.ndui-official-r11 .user-chip-copy{ min-width:0!important; overflow:hidden!important; } body.ndui-official-r11 .user-chip-copy strong, body.ndui-official-r11 .user-chip-copy small{ display:block!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } body.ndui-official-r11 .topbar-logout-form, body.ndui-official-r11 .sidebar-logout-form{ display:block!important; flex:0 0 auto!important; } body.ndui-official-r11 .topbar-logout-btn{ min-width:48px!important; height:48px!important; padding:0 14px!important; border:1px solid var(--line)!important; background:var(--surface)!important; color:var(--ink)!important; border-radius:14px!important; box-shadow:none!important; } body.ndui-official-r11 .topbar-logout-btn:hover{ color:var(--r11-negative)!important; border-color:rgba(229,72,77,.35)!important; background:rgba(229,72,77,.06)!important; } body.ndui-official-r11 .sidebar-logout-btn{ width:100%!important; min-height:46px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:12px!important; border:1px solid var(--line)!important; border-radius:14px!important; background:var(--surface)!important; color:var(--ink)!important; padding:0 14px!important; } /* Dashboard: status alinhados com as ações. */ body.ndui-official-r11 .quick-actions-strip{ align-items:center!important; } body.ndui-official-r11 .dashboard-status-pills{ align-self:center!important; margin:0!important; transform:none!important; } body.ndui-official-r11 .dashboard-status-pills .isf-pill{ align-self:stretch!important; display:grid!important; align-content:center!important; } /* Botão central PWA: um único componente, sem camada antiga por cima. */ @media(max-width:760px){ body.ndui-official-r11 .nf-mobile-bottom-nav{ grid-template-columns:1fr 1fr 88px 1fr 1fr!important; min-height:92px!important; padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important; overflow:visible!important; } body.ndui-official-r11 .nf-mobile-nav-create{ appearance:none!important; -webkit-appearance:none!important; position:relative!important; inset:auto!important; align-self:start!important; justify-self:center!important; width:78px!important; height:78px!important; margin:-34px 0 0!important; padding:0!important; border:8px solid var(--surface)!important; border-radius:26px!important; background:var(--r11-gradient)!important; background-image:var(--r11-gradient)!important; color:#fff!important; box-shadow:0 16px 34px rgba(24,97,241,.30)!important; transform:none!important; isolation:isolate!important; overflow:hidden!important; z-index:4!important; } body.ndui-official-r11 .nf-mobile-nav-create::before, body.ndui-official-r11 .nf-mobile-nav-create::after{ content:none!important; display:none!important; } body.ndui-official-r11 .nf-mobile-nav-create > span{ width:100%!important; height:100%!important; display:grid!important; place-items:center!important; background:transparent!important; border:0!important; box-shadow:none!important; } body.ndui-official-r11 .nf-mobile-nav-create svg{ width:34px!important; height:34px!important; stroke-width:1.8!important; } body.ndui-official-r11 .nf-mobile-nav-create small{display:none!important} body.ndui-official-r11 .topbar-logout-btn{ width:48px!important; min-width:48px!important; padding:0!important; } body.ndui-official-r11 .topbar-logout-btn .logout-label{display:none!important} body.ndui-official-r11 .nf-quick-create-logout{margin-top:16px!important;padding-top:16px!important;border-top:1px solid var(--line)!important} body.ndui-official-r11 .nf-quick-create-logout .btn{width:100%!important} } @media(max-width:1000px){ body.ndui-official-r11 .user-chip{ min-width:44px!important; width:44px!important; max-width:44px!important; flex-basis:44px!important; } body.ndui-official-r11 .user-chip-copy{display:none!important} } /* Login: marca inteira, sem corte, e Finance em azul/ branco conforme o fundo. */ body.ndui-official-r11 .nf-inline-symbol{ width:64px!important; height:64px!important; flex:0 0 64px!important; padding:5px!important; border-radius:18px!important; background:rgba(255,255,255,.98)!important; overflow:hidden!important; } body.ndui-official-r11 .nf-inline-symbol img, body.ndui-official-r11 .nf-brand-composed.has-custom-symbol .nf-inline-symbol img{ width:100%!important; height:100%!important; max-width:100%!important; object-fit:contain!important; object-position:center!important; border-radius:12px!important; transform:none!important; } body.ndui-official-r11 .auth-brand-panel-v17 .nf-brand-composed strong b, body.ndui-official-r11 .auth-brand-panel-v17 .nf-brand-composed strong em{ color:#fff!important; } body.ndui-official-r11 .auth-card-brand-mobile .nf-brand-composed strong b{ color:var(--ink)!important; } body.ndui-official-r11 .auth-card-brand-mobile .nf-brand-composed strong em{ color:var(--r11-blue)!important; } /* ===================================================================== R12 — correção estrutural: alinhamento e paridade azul global Build NDUI-R15-N2F7L5 ===================================================================== */ body.ndui-official-r12{ --r12-blue:#1861F1; --r12-cyan:#0AC0FE; --r12-gradient:linear-gradient(135deg,#1861F1 0%,#0A8FF0 62%,#0AC0FE 100%); --r12-gradient-horizontal:linear-gradient(90deg,#1861F1 0%,#0AC0FE 100%); --r12-soft:rgba(24,97,241,.10); --r12-positive:#12B76A; --r12-negative:#E5484D; --r12-warning:#F59E0B; } /* A moldura é sempre azul oficial. Sem verde/amarelo/cinza no enfeite. */ body.ndui-official-r12 .metric-card, body.ndui-official-r12 .metric-card.accent-blue, body.ndui-official-r12 .metric-card.accent-green, body.ndui-official-r12 .metric-card.accent-red, body.ndui-official-r12 .metric-card.accent-yellow, body.ndui-official-r12 .metric-card.accent-violet, body.ndui-official-r12 .metric-card.accent-slate, body.ndui-official-r12 [class*="accent-"]{ border-top-width:0!important; border-top-color:transparent!important; --metric-soft:var(--r12-soft)!important; } body.ndui-official-r12 .metric-card::before, body.ndui-official-r12 .card::before, body.ndui-official-r12 .account-card::before, body.ndui-official-r12 .taxonomy-card::before, body.ndui-official-r12 .notification-card::before, body.ndui-official-r12 .health-snapshot-card::before, body.ndui-official-r12 .status-report-card::before, body.ndui-official-r12 [class*="accent-"]::before{ content:""!important; position:absolute!important; inset:0 0 auto 0!important; width:100%!important; height:4px!important; border-radius:22px 22px 0 0!important; background:var(--r12-gradient-horizontal)!important; background-image:var(--r12-gradient-horizontal)!important; opacity:1!important; z-index:5!important; pointer-events:none!important; } body.ndui-official-r12 .metric-card::after{ background:var(--r12-soft)!important; } /* Heróis seguem exatamente o degradê azul oficial e mantêm os botões legíveis. */ body.ndui-official-r12 .module-hero, body.ndui-official-r12 .profile-hero, body.ndui-official-r12 .nf-balance-card, body.ndui-official-r12 .investment-hero, body.ndui-official-r12 .asset-hero, body.ndui-official-r12 .master-page-hero, body.ndui-official-r12 .commercial-release-hero{ background:var(--r12-gradient)!important; background-image:var(--r12-gradient)!important; } body.ndui-official-r12 .module-hero .btn-primary{ background:linear-gradient(135deg,#1474F5,#0AC0FE)!important; border-color:rgba(255,255,255,.55)!important; color:#fff!important; } body.ndui-official-r12 .module-hero .btn-outline{ background:#fff!important; border-color:#fff!important; color:#0B1F46!important; } /* Visão Geral: texto e ações, indicadores e botões na mesma linha em desktop. */ @media(min-width:1101px){ body.ndui-official-r12 .quick-actions-strip{ display:grid!important; grid-template-columns:minmax(420px,1fr) auto auto!important; grid-template-areas:"copy status actions"!important; align-items:start!important; column-gap:18px!important; row-gap:0!important; padding:22px 0!important; margin-bottom:20px!important; } body.ndui-official-r12 .quick-actions-strip>div:first-child{grid-area:copy!important} body.ndui-official-r12 .quick-actions-strip .dashboard-status-pills{ grid-area:status!important; margin:0!important; align-self:start!important; display:flex!important; align-items:stretch!important; flex-wrap:nowrap!important; gap:8px!important; } body.ndui-official-r12 .quick-actions-strip .quick-actions-buttons{ grid-area:actions!important; align-self:start!important; margin:0!important; display:flex!important; align-items:center!important; flex-wrap:nowrap!important; } body.ndui-official-r12 .dashboard-status-pills .isf-pill, body.ndui-official-r12 .quick-actions-buttons .dashboard-action{ min-height:48px!important; height:auto!important; } } @media(min-width:761px) and (max-width:1100px){ body.ndui-official-r12 .quick-actions-strip{ grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"copy copy" "status actions"!important; align-items:center!important; } body.ndui-official-r12 .quick-actions-strip .dashboard-status-pills{margin:0!important} } /* Semântica: zero é azul por inteiro; apenas valores reais + e - usam verde/vermelho. */ body.ndui-official-r12 .nf-summary-tile.value-zero .metric-icon, body.ndui-official-r12 .nf-summary-tile.value-zero>strong, body.ndui-official-r12 .nf-summary-tile.value-zero>small, body.ndui-official-r12 .nf-summary-tile.value-zero>small.positive, body.ndui-official-r12 .nf-summary-tile.value-zero>small.negative{ color:var(--r12-blue)!important; } body.ndui-official-r12 .nf-summary-tile.value-zero .metric-icon{ background:#EDF4FF!important; } body.ndui-official-r12 .nf-summary-tile.value-positive .metric-icon, body.ndui-official-r12 .nf-summary-tile.value-positive>strong, body.ndui-official-r12 .nf-summary-tile.value-positive>small{ color:var(--r12-positive)!important; } body.ndui-official-r12 .nf-summary-tile.value-negative .metric-icon, body.ndui-official-r12 .nf-summary-tile.value-negative>strong, body.ndui-official-r12 .nf-summary-tile.value-negative>small{ color:var(--r12-negative)!important; } /* Contraste do saldo e alinhamento interno. */ body.ndui-official-r12 .nf-balance-card .nf-overline, body.ndui-official-r12 .nf-balance-card .nf-balance-subtitle, body.ndui-official-r12 .nf-balance-card strong, body.ndui-official-r12 .nf-balance-card b{ color:#fff!important; opacity:1!important; text-shadow:0 1px 2px rgba(0,25,80,.18)!important; } /* Impede regressão de cache/folha antiga. */ body.ndui-official-r12 .grid-4>.metric-card{isolation:isolate!important} /* ===================================================================== R13 — azul oficial sem verde e espaçamento global auditável Build NDUI-R15-N2F7L5 ===================================================================== */ body.ndui-official-r13{ --r13-blue-deep:#123B8F; --r13-blue:#1861F1; --r13-blue-light:#168FEA; --r13-gradient:linear-gradient(135deg,#123B8F 0%,#1754C8 38%,#1861F1 68%,#168FEA 100%); --r13-gradient-horizontal:linear-gradient(90deg,#1648B5 0%,#1861F1 58%,#168FEA 100%); --r13-section-gap:20px; --r13-grid-gap:18px; --r13-field-gap:14px; } body.ndui-official-r13 :is(.module-hero,.suite-hero,.dashboard-hero,.profile-hero,.nf-balance-card,.investment-hero,.investments-hero,.investment-balance-card,.asset-hero,.patrimony-hero,.cards-hero,.master-page-hero,.commercial-release-hero,.ecosystem-hero,.search-hero,.reconciliation-hero,.budget-hero,.help-hero){background:var(--r13-gradient)!important;background-image:var(--r13-gradient)!important;border-color:transparent!important;color:#fff!important} body.ndui-official-r13 :is(.module-hero,.suite-hero,.dashboard-hero,.profile-hero,.nf-balance-card,.investment-hero,.investments-hero,.investment-balance-card,.asset-hero,.patrimony-hero,.cards-hero,.master-page-hero,.commercial-release-hero,.ecosystem-hero,.search-hero,.reconciliation-hero,.budget-hero,.help-hero) :is(h1,h2,h3,p,.page-kicker,.muted,.nf-overline,.nf-balance-subtitle){color:#fff!important;opacity:1!important} body.ndui-official-r13 .module-hero .btn-primary,body.ndui-official-r13 .suite-hero .btn-primary{background:#0F73E8!important;background-image:none!important;border-color:rgba(255,255,255,.72)!important;color:#fff!important;box-shadow:0 10px 24px rgba(4,35,100,.20)!important} body.ndui-official-r13 .module-hero .btn-outline,body.ndui-official-r13 .module-hero .btn-ghost,body.ndui-official-r13 .suite-hero .btn-outline,body.ndui-official-r13 .suite-hero .btn-ghost{background:#fff!important;border-color:#fff!important;color:#0B1F46!important} body.ndui-official-r13 :is(.metric-card,.smart-metric,.nf-summary-tile,.health-snapshot-card,.status-report-card,.account-card,.taxonomy-card,.notification-card,.governance-summary-grid>.card,.suite-metrics>.card,.dashboard-metrics>article,.summary-grid>article,.kpi-grid>article,[class*="accent-"]){position:relative!important;overflow:hidden!important;border-top-width:0!important;border-top-color:transparent!important;isolation:isolate!important} body.ndui-official-r13 :is(.metric-card,.smart-metric,.nf-summary-tile,.health-snapshot-card,.status-report-card,.account-card,.taxonomy-card,.notification-card,.governance-summary-grid>.card,.suite-metrics>.card,.dashboard-metrics>article,.summary-grid>article,.kpi-grid>article,[class*="accent-"])::before{content:""!important;position:absolute!important;inset:0 0 auto 0!important;width:100%!important;height:4px!important;border-radius:22px 22px 0 0!important;background:var(--r13-gradient-horizontal)!important;background-image:var(--r13-gradient-horizontal)!important;opacity:1!important;z-index:5!important;pointer-events:none!important} body.ndui-official-r13 .content{padding:24px 28px 48px!important} body.ndui-official-r13 .content > :is(section,article,.card,.panel,.form-card,.dashboard-order-layout,.smart-finance-hub,.profile-nav){margin-top:0!important;margin-bottom:0!important} body.ndui-official-r13 .content > :is(section,article,.card,.panel,.form-card,.dashboard-order-layout,.smart-finance-hub,.profile-nav)+:is(section,article,.card,.panel,.form-card,.dashboard-order-layout,.smart-finance-hub,.profile-nav){margin-top:var(--r13-section-gap)!important} body.ndui-official-r13 .mt-24{margin-top:var(--r13-section-gap)!important} body.ndui-official-r13 :is(.grid-2,.grid-3,.grid-4,.dashboard-grid,.dashboard-metrics,.smart-finance-metrics,.nf-summary-tiles,.summary-grid,.kpi-grid,.suite-metrics,.compact-grid,.governance-summary-grid,.settings-grid,.profile-grid,.cards-grid,.account-grid,.form-grid,.form-grid-2,.form-grid-3,.filter-grid,.transaction-filter-grid,.account-filter-grid,.taxonomy-filter-grid,.tag-filter-grid){gap:var(--r13-grid-gap)!important;row-gap:var(--r13-grid-gap)!important;column-gap:var(--r13-grid-gap)!important;align-items:stretch!important} body.ndui-official-r13 :is(.form-stack,.field-stack,.list-stack,.alerts-stack){gap:var(--r13-field-gap)!important} body.ndui-official-r13 :is(.card,.panel,.form-card,.smart-finance-hub,.settings-link-card){margin:0!important} body.ndui-official-r13 :is(.card-header,.panel-head){gap:16px!important;margin-bottom:18px!important;padding-bottom:15px!important} body.ndui-official-r13 :is(.hero-actions,.form-actions,.filter-actions,.list-header-actions,.button-row){gap:10px!important} body.ndui-official-r13 :is(.metric-card,.smart-metric,.nf-summary-tile){height:100%!important} @media(min-width:1101px){body.ndui-official-r13 .quick-actions-strip{align-items:center!important;padding-block:22px!important}body.ndui-official-r13 .quick-actions-strip .dashboard-status-pills,body.ndui-official-r13 .quick-actions-strip .quick-actions-buttons{align-self:center!important;margin-block:0!important}} html[data-theme="dark"] body.ndui-official-r13 :is(.module-hero,.suite-hero,.dashboard-hero,.profile-hero,.nf-balance-card,.investment-hero,.investments-hero,.investment-balance-card,.asset-hero,.patrimony-hero,.cards-hero,.master-page-hero,.commercial-release-hero){background:var(--r13-gradient)!important;background-image:var(--r13-gradient)!important} @media(max-width:1000px){body.ndui-official-r13{--r13-section-gap:16px;--r13-grid-gap:14px;--r13-field-gap:12px}body.ndui-official-r13 .content{padding:20px 18px 108px!important}} @media(max-width:720px){body.ndui-official-r13{--r13-section-gap:14px;--r13-grid-gap:12px;--r13-field-gap:11px}body.ndui-official-r13 .content{padding:16px 12px calc(106px + env(safe-area-inset-bottom))!important}body.ndui-official-r13 :is(.card,.panel,.form-card,.smart-finance-hub){padding:17px!important;border-radius:19px!important}body.ndui-official-r13 :is(.card-header,.panel-head){margin-bottom:14px!important;padding-bottom:12px!important;gap:11px!important}} /* ===================================================================== R14 — paridade global dos cards principais e botões por tema Build NDUI-R15-N2F7L5 ===================================================================== */ body.ndui-official-r14{ --r14-blue-deep:#123B8F; --r14-blue:#1861F1; --r14-blue-light:#168FEA; --r14-gradient:linear-gradient(135deg,#123B8F 0%,#1754C8 38%,#1861F1 68%,#168FEA 100%); --r14-primary-button:linear-gradient(135deg,#0F73E8 0%,#168FEA 100%); --r14-secondary-button-light:#FFFFFF; --r14-secondary-button-dark:rgba(5,24,58,.38); } /* Todos os cards principais usam o mesmo azul em claro e escuro. */ html[data-theme="light"] body.ndui-official-r14 :is( .module-hero,.suite-hero,.dashboard-hero,.profile-hero,.hero-card, .nf-balance-card,.investment-hero,.investments-hero,.investment-balance-card, .asset-hero,.patrimony-hero,.cards-hero,.master-page-hero, .commercial-release-hero,.ecosystem-hero,.search-hero, .reconciliation-hero,.budget-hero,.help-hero,.plans-hero, .notifications-hero,.market-hero,.reports-hero,.security-hero, .support-hero,.transaction-hero,.transfers-hero,.goals-hero, .billing-hero,.taxonomy-hero,.forecast-hero,.import-hero, .automation-hero,.documents-hero,.accounts-hero,.privacy-center-hero, .notifications-preferences-hero,.health-hero,.onboarding-hero, .checkout-hero,.closing-hero,.loan-hero,.recurring-hero, .dashboard-settings-hero,.master-metrics-hero,.master-health-hero, .master-errors-hero,.support-ticket-hero,.bank-integration-hero,.incident-hero ), html[data-theme="dark"] body.ndui-official-r14 :is( .module-hero,.suite-hero,.dashboard-hero,.profile-hero,.hero-card, .nf-balance-card,.investment-hero,.investments-hero,.investment-balance-card, .asset-hero,.patrimony-hero,.cards-hero,.master-page-hero, .commercial-release-hero,.ecosystem-hero,.search-hero, .reconciliation-hero,.budget-hero,.help-hero,.plans-hero, .notifications-hero,.market-hero,.reports-hero,.security-hero, .support-hero,.transaction-hero,.transfers-hero,.goals-hero, .billing-hero,.taxonomy-hero,.forecast-hero,.import-hero, .automation-hero,.documents-hero,.accounts-hero,.privacy-center-hero, .notifications-preferences-hero,.health-hero,.onboarding-hero, .checkout-hero,.closing-hero,.loan-hero,.recurring-hero, .dashboard-settings-hero,.master-metrics-hero,.master-health-hero, .master-errors-hero,.support-ticket-hero,.bank-integration-hero,.incident-hero ){ background:var(--r14-gradient)!important; background-image:var(--r14-gradient)!important; border-color:transparent!important; color:#fff!important; } body.ndui-official-r14 :is( .module-hero,.suite-hero,.dashboard-hero,.profile-hero,.hero-card, .nf-balance-card,.investment-hero,.investments-hero,.investment-balance-card, .asset-hero,.patrimony-hero,.cards-hero,.master-page-hero, .commercial-release-hero,.ecosystem-hero,.search-hero, .reconciliation-hero,.budget-hero,.help-hero,.plans-hero, .notifications-hero,.market-hero,.reports-hero,.security-hero, .support-hero,.transaction-hero,.transfers-hero,.goals-hero, .billing-hero,.taxonomy-hero,.forecast-hero,.import-hero, .automation-hero,.documents-hero,.accounts-hero,.privacy-center-hero, .notifications-preferences-hero,.health-hero,.onboarding-hero, .checkout-hero,.closing-hero,.loan-hero,.recurring-hero, .dashboard-settings-hero,.master-metrics-hero,.master-health-hero, .master-errors-hero,.support-ticket-hero,.bank-integration-hero,.incident-hero ) :is(h1,h2,h3,h4,p,.page-kicker,.muted,.section-kicker,.nf-overline,.nf-balance-subtitle){ color:#fff!important; opacity:1!important; } /* Ação principal permanece azul; nunca vira branca no dark mode. */ body.ndui-official-r14 :is(.module-hero,.suite-hero,.dashboard-hero,.profile-hero,.hero-card,.nf-balance-card) :is(.btn-primary,.button-primary){ background:var(--r14-primary-button)!important; background-image:var(--r14-primary-button)!important; border-color:rgba(255,255,255,.72)!important; color:#fff!important; box-shadow:0 10px 24px rgba(4,35,100,.22)!important; } /* No tema claro, a ação secundária mantém o padrão branco oficial. */ html[data-theme="light"] body.ndui-official-r14 :is(.module-hero,.suite-hero,.dashboard-hero,.profile-hero,.hero-card,.nf-balance-card) :is(.btn-outline,.btn-ghost,.btn-secondary,.btn-light){ background:var(--r14-secondary-button-light)!important; background-image:none!important; border-color:rgba(255,255,255,.90)!important; color:#0B1F46!important; box-shadow:0 8px 20px rgba(4,35,100,.12)!important; } /* No tema escuro, a ação secundária é translúcida e legível — nunca branca. */ html[data-theme="dark"] body.ndui-official-r14 :is(.module-hero,.suite-hero,.dashboard-hero,.profile-hero,.hero-card,.nf-balance-card) :is(.btn-outline,.btn-ghost,.btn-secondary,.btn-light){ background:var(--r14-secondary-button-dark)!important; background-image:none!important; border-color:rgba(255,255,255,.58)!important; color:#fff!important; box-shadow:none!important; backdrop-filter:blur(8px)!important; } body.ndui-official-r14 :is(.module-hero,.suite-hero,.dashboard-hero,.profile-hero,.hero-card,.nf-balance-card) :is(.btn-primary,.btn-outline,.btn-ghost,.btn-secondary,.btn-light):hover{ filter:brightness(1.08)!important; transform:translateY(-1px)!important; } body.ndui-official-r14 :is(.module-hero,.suite-hero,.dashboard-hero,.profile-hero,.hero-card,.nf-balance-card) :is(.btn-primary,.btn-outline,.btn-ghost,.btn-secondary,.btn-light):focus-visible{ outline:3px solid rgba(255,255,255,.72)!important; outline-offset:3px!important; } /* ===================================================================== R15 — acabamento global dos heróis, Ajuda e espaçamento do Dashboard Build NDUI-R15-N2F7L5 ===================================================================== */ body.ndui-official-r15{ --r15-blue-deep:#123B8F; --r15-blue-mid:#1754C8; --r15-blue:#1861F1; --r15-blue-light:#168FEA; --r15-gradient:linear-gradient(135deg,#123B8F 0%,#1754C8 42%,#1861F1 72%,#168FEA 100%); --r15-button-primary:linear-gradient(135deg,#0F73E8 0%,#168FEA 100%); --r15-dashboard-gap:14px; } html[data-theme="light"] body.ndui-official-r15 :is([class$="-hero"],[class*="-hero "],.hero-card,.nf-balance-card,.investment-balance-card,.master-page-hero,.commercial-release-hero,.smart-finance-hero), html[data-theme="dark"] body.ndui-official-r15 :is([class$="-hero"],[class*="-hero "],.hero-card,.nf-balance-card,.investment-balance-card,.master-page-hero,.commercial-release-hero,.smart-finance-hero){ background:var(--r15-gradient)!important; background-image:var(--r15-gradient)!important; border-color:transparent!important; color:#fff!important; } body.ndui-official-r15 :is([class$="-hero"],[class*="-hero "],.hero-card,.nf-balance-card,.investment-balance-card,.master-page-hero,.commercial-release-hero,.smart-finance-hero) :is(h1,h2,h3,h4,p,.page-kicker,.section-kicker,.muted,.nf-overline,.nf-balance-subtitle){color:#fff!important;opacity:1!important} body.ndui-official-r15 :is([class$="-hero"],[class*="-hero "],.hero-card)::before, body.ndui-official-r15 :is([class$="-hero"],[class*="-hero "],.hero-card)::after{background:none!important;background-image:none!important;opacity:0!important;pointer-events:none!important} body.ndui-official-r15 :is([class$="-hero"],[class*="-hero "],.hero-card,.nf-balance-card,.investment-balance-card) :is(.btn-primary,.button-primary){background:var(--r15-button-primary)!important;background-image:var(--r15-button-primary)!important;border:1px solid rgba(255,255,255,.70)!important;color:#fff!important;box-shadow:0 10px 24px rgba(4,35,100,.20)!important} html[data-theme="light"] body.ndui-official-r15 :is([class$="-hero"],[class*="-hero "],.hero-card,.nf-balance-card,.investment-balance-card) :is(.btn-outline,.btn-ghost,.btn-secondary,.btn-light){background:#fff!important;background-image:none!important;border:1px solid rgba(255,255,255,.92)!important;color:#0B1F46!important;box-shadow:0 8px 20px rgba(4,35,100,.12)!important} html[data-theme="dark"] body.ndui-official-r15 :is([class$="-hero"],[class*="-hero "],.hero-card,.nf-balance-card,.investment-balance-card) :is(.btn-outline,.btn-ghost,.btn-secondary,.btn-light){background:rgba(5,24,58,.46)!important;background-image:none!important;border:1px solid rgba(255,255,255,.58)!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(8px)!important} body.ndui-official-r15 :is([class$="-hero"],[class*="-hero "],.hero-card,.nf-balance-card,.investment-balance-card) :is(.btn-primary,.btn-outline,.btn-ghost,.btn-secondary,.btn-light):is(:hover,:focus-visible){filter:brightness(1.08)!important} html[data-theme="light"] body.ndui-official-r15 .help-hero .help-plan-card{background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.96)!important;box-shadow:0 12px 28px rgba(4,35,100,.15)!important;color:#0B1F46!important} html[data-theme="light"] body.ndui-official-r15 .help-hero .help-plan-card :is(span,strong,small){color:#0B1F46!important;opacity:1!important} html[data-theme="light"] body.ndui-official-r15 .help-hero .help-plan-card small{color:#53647E!important} html[data-theme="dark"] body.ndui-official-r15 .help-hero .help-plan-card{background:rgba(5,24,58,.52)!important;border:1px solid rgba(255,255,255,.34)!important;color:#fff!important;box-shadow:none!important} html[data-theme="dark"] body.ndui-official-r15 .help-hero .help-plan-card :is(span,strong,small){color:#fff!important;opacity:1!important} html[data-theme="dark"] body.ndui-official-r15 .help-hero .help-plan-card small{color:rgba(255,255,255,.78)!important} body.ndui-official-r15 .dashboard-order-layout{gap:var(--r15-dashboard-gap)!important} body.ndui-official-r15 .dashboard-order-layout>.quick-actions-strip, body.ndui-official-r15 .dashboard-order-layout>.nf-finance-overview{margin-top:0!important;margin-bottom:0!important} body.ndui-official-r15 .quick-actions-strip{padding-block:18px!important} @media(max-width:1000px){body.ndui-official-r15{--r15-dashboard-gap:12px}} @media(max-width:720px){body.ndui-official-r15{--r15-dashboard-gap:10px}body.ndui-official-r15 .quick-actions-strip{padding-block:14px!important}} /* NowFinance v3.1.0 — cartões reais, botões consistentes e suporte ampliado */ .invoice-payment-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;align-items:start} .invoice-payment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .invoice-payment-form label{display:flex;flex-direction:column;gap:7px;min-width:0} .invoice-payment-form .field-span-2{grid-column:1/-1} .invoice-payment-list{display:grid;gap:10px} .invoice-payment-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--nf-border);border-radius:16px;background:var(--nf-surface-soft)} .invoice-payment-item>div{display:grid;gap:4px;min-width:0}.invoice-payment-item>div:last-child{justify-items:end} .invoice-payment-item.is-reversed{opacity:.7}.invoice-payment-item p{margin:0;color:var(--nf-text-muted);font-size:.82rem} .inline-help{display:inline-flex;align-items:center;min-height:34px;color:var(--nf-text-muted);font-size:.76rem;line-height:1.25} .card-invoice-panel .invoice-heading{align-items:flex-start}.invoice-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} /* Botões: um único contorno, altura e foco em todo o sistema. */ .btn,button.btn,a.btn{min-height:44px;padding:0 18px;border-width:1px;border-style:solid;border-radius:14px;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.1;font-weight:700;text-decoration:none;white-space:nowrap} .btn-sm,.btn-small{min-height:36px;padding:0 13px;border-radius:11px;font-size:.78rem} .btn-primary{border-color:transparent;background:var(--nf-accent-gradient);color:#fff} .btn-outline,.btn-ghost{border-color:var(--nf-border-strong);background:var(--nf-surface);color:var(--nf-text)} .btn-warning{border-color:rgba(245,158,11,.38);background:rgba(245,158,11,.12);color:var(--nf-warning-text,#9a5b00)} .btn-danger{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.11);color:var(--nf-negative)} .btn:focus-visible{outline:3px solid color-mix(in srgb,var(--nf-primary) 30%,transparent);outline-offset:2px} .btn[disabled],.btn.is-disabled{opacity:.52;cursor:not-allowed;filter:none} [data-theme="dark"] .btn-outline,[data-theme="dark"] .btn-ghost{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.19);color:#fff} /* Suporte 3.1 */ .support-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .support-filter-bar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.support-filter-bar label{display:grid;gap:6px;min-width:180px;flex:1}.support-filter-bar .btn{flex:0 0 auto} .support-ticket-row.has-new-reply{border-color:color-mix(in srgb,var(--nf-primary) 45%,var(--nf-border));box-shadow:0 10px 28px rgba(24,97,241,.11)} .support-new-reply{color:var(--nf-primary);font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em} .support-ticket-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center} @media (max-width:900px){ .invoice-payment-grid{grid-template-columns:1fr}.invoice-summary-grid,.support-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:640px){ .invoice-payment-form{grid-template-columns:1fr}.invoice-payment-form .field-span-2{grid-column:auto} .invoice-summary-grid,.support-summary-grid{grid-template-columns:1fr} .invoice-payment-item{align-items:flex-start;flex-direction:column}.invoice-payment-item>div:last-child{justify-items:start;width:100%} .support-filter-bar{display:grid;grid-template-columns:1fr}.support-filter-bar label{min-width:0}.support-filter-bar .btn{width:100%} } /* NowFinance v3.1.1 — avisos específicos, submenu compacto, suporte real e planos responsivos */ .ndui-official-r16 .center-modal-actions:has(> .btn:only-child){justify-content:flex-end!important} @media (min-width:901px){ .ndui-official-r16 .app-shell.sidebar-collapsed .nav-more[open] .nav-more-links{ width:var(--nav-more-width,238px)!important;max-width:min(252px,calc(100vw - 116px))!important; padding:8px!important;gap:3px!important;border-radius:15px!important; } .ndui-official-r16 .app-shell.sidebar-collapsed .nav-more[open] .nav-more-links::before{ content:attr(data-nav-label)!important;padding:4px 7px 7px!important;font-size:10px!important; } .ndui-official-r16 .app-shell.sidebar-collapsed .nav-more[open] .nav-more-links a{ min-height:38px!important;padding:7px 9px!important;gap:9px!important;font-size:12px!important;border-radius:10px!important; } .ndui-official-r16 .app-shell.sidebar-collapsed .nav-more[open] .nav-more-links a>span:not(.nav-icon){display:inline!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .ndui-official-r16 .app-shell.sidebar-collapsed .nav-more[open] .nav-more-links .nav-icon{width:18px!important;height:18px!important;flex-basis:18px!important} } .ndui-official-r16 .support-v311-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.62fr);gap:18px;align-items:start} .ndui-official-r16 .support-v311-sidebar{display:grid;gap:18px;position:sticky;top:86px} .ndui-official-r16 .support-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 4px} .ndui-official-r16 .support-template-grid button{display:flex;align-items:center;gap:10px;min-height:72px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);color:var(--text);text-align:left;cursor:pointer} .ndui-official-r16 .support-template-grid button:hover{border-color:var(--primary);transform:translateY(-1px)} .ndui-official-r16 .support-template-grid .nf-icon{width:22px;height:22px;color:var(--primary);flex:0 0 22px} .ndui-official-r16 .support-template-grid span{display:grid;gap:3px}.ndui-official-r16 .support-template-grid strong{font-size:12px}.ndui-official-r16 .support-template-grid small{font-size:10px;color:var(--muted);line-height:1.35} .ndui-official-r16 .support-form-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(150px,.7fr) minmax(150px,.7fr);gap:12px} .ndui-official-r16 .support-submit-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)} .ndui-official-r16 .support-submit-row>div{display:grid;gap:3px}.ndui-official-r16 .support-submit-row small{color:var(--muted)} .ndui-official-r16 .support-form-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--primary-soft);color:var(--primary)} .ndui-official-r16 .support-security-card ul{display:grid;gap:9px;margin:16px 0;padding-left:20px;color:var(--muted);line-height:1.45} .ndui-official-r16 .support-filter-v311{display:grid!important;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(130px,.65fr)) auto!important;gap:10px!important;align-items:end!important} .ndui-official-r16 .support-filter-actions{display:flex;gap:8px}.ndui-official-r16 .support-filter-actions .btn{min-width:88px} .ndui-official-r16 .support-ticket-list-v311{display:grid;gap:9px}.ndui-official-r16 .support-ticket-list-v311 .support-ticket-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)} .ndui-official-r16 .support-ticket-list-v311 .support-ticket-row:hover{border-color:var(--primary);background:var(--surface)} .ndui-official-r16 .support-ticket-main{display:grid;gap:5px;min-width:0}.ndui-official-r16 .support-ticket-main>strong{font-size:14px;overflow-wrap:anywhere}.ndui-official-r16 .support-ticket-main>small{color:var(--muted)} .ndui-official-r16 .support-ticket-topline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ndui-official-r16 .support-ticket-side{display:grid;justify-items:end;gap:7px}.ndui-official-r16 .support-open-label{font-size:11px;font-weight:800;color:var(--primary)} /* Tela exclusiva de comparação de planos: sem coluna vazia do login. */ body.ndui-official-r16:has(.register-plans-v311){background:var(--bg)!important;overflow:auto!important} .ndui-official-r16 .auth-shell-v17:has(.register-plans-v311){display:block!important;width:100%!important;min-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--bg)!important} .ndui-official-r16 .auth-shell-v17:has(.register-plans-v311) .auth-brand-panel-v17{display:none!important} .ndui-official-r16 .auth-card-v17:has(.register-plans-v311){display:block!important;min-height:100dvh!important;width:100%!important;max-width:none!important;padding:24px clamp(16px,4vw,56px) 48px!important;background:var(--bg)!important;box-shadow:none!important;overflow:visible!important} .ndui-official-r16 .auth-card-v17:has(.register-plans-v311)>.auth-card-brand-mobile{display:none!important} .ndui-official-r16 .register-plans-v311{width:min(1500px,100%)!important;margin:0 auto!important;gap:18px!important} .ndui-official-r16 .register-plans-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px} .ndui-official-r16 .register-plan-brand img{display:block;width:188px;max-width:45vw;height:50px;object-fit:contain;object-position:left center} .ndui-official-r16 .register-plans-v311 .register-plans-hero{display:grid!important;grid-template-columns:minmax(0,1.2fr) auto!important;align-items:center!important;gap:24px!important;padding:28px clamp(22px,4vw,44px)!important;border:0!important;border-radius:26px!important;background:linear-gradient(120deg,#17459f 0%,#1861f1 55%,#208bea 100%)!important;color:#fff!important;box-shadow:0 22px 55px rgba(24,97,241,.18)!important} .ndui-official-r16 .register-plans-v311 .register-plans-hero .page-kicker,.ndui-official-r16 .register-plans-v311 .register-plans-hero h2,.ndui-official-r16 .register-plans-v311 .register-plans-hero p{color:#fff!important}.ndui-official-r16 .register-plans-v311 .register-plans-hero p{max-width:760px;opacity:.88} .ndui-official-r16 .register-plans-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ndui-official-r16 .register-plans-steps span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:11px;font-weight:800;color:rgba(255,255,255,.78)}.ndui-official-r16 .register-plans-steps b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.14)}.ndui-official-r16 .register-plans-steps .is-current{background:#fff;color:#17459f} .ndui-official-r16 .register-plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.ndui-official-r16 .register-plan-toolbar>div:first-child{display:grid;gap:3px}.ndui-official-r16 .register-plan-toolbar small{color:var(--muted)} .ndui-official-r16 .register-plans-v311 .register-plan-grid{grid-template-columns:repeat(auto-fit,minmax(275px,1fr))!important;gap:16px!important;align-items:stretch} .ndui-official-r16 .register-plans-v311 .register-plan-card{display:flex!important;flex-direction:column!important;min-height:520px;padding:20px!important;border-radius:20px!important;box-shadow:0 14px 38px rgba(15,23,42,.06)!important} .ndui-official-r16 .register-plans-v311 .register-plan-card.is-highlighted{border:2px solid var(--primary)!important;box-shadow:0 20px 46px rgba(24,97,241,.15)!important} .ndui-official-r16 .register-plan-card-top{display:flex;align-items:center;justify-content:space-between;min-height:28px;gap:8px}.ndui-official-r16 .register-plan-tags{display:flex;gap:6px;flex-wrap:wrap}.ndui-official-r16 .register-plan-free{padding:5px 8px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:10px;font-weight:850} .ndui-official-r16 .register-plans-v311 .register-plan-recommended{position:static!important;padding:6px 9px!important;background:var(--gradient)!important;font-size:10px!important} .ndui-official-r16 .register-plans-v311 .register-plan-card-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}.ndui-official-r16 .register-plans-v311 .register-plan-name{font-size:25px!important}.ndui-official-r16 .register-plans-v311 .register-plan-price{text-align:left!important}.ndui-official-r16 .register-plans-v311 .register-plan-price strong{font-size:28px!important}.ndui-official-r16 .register-plan-cycle-note{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:12px;background:var(--surface-soft);font-size:11px}.ndui-official-r16 .register-plan-cycle-note span{font-weight:850;color:var(--primary)}.ndui-official-r16 .register-plan-cycle-note small{color:var(--muted)} .ndui-official-r16 .register-plans-v311 .register-plan-summary{min-height:148px}.ndui-official-r16 .register-plans-v311 .register-plan-details{margin-top:auto}.ndui-official-r16 .register-plan-select{margin-top:2px} .ndui-official-r16 .register-plans-v311 .register-plans-note{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:center;background:var(--surface)!important;border-color:var(--line)!important}.ndui-official-r16 .register-plans-note>div:first-child{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--primary-soft);color:var(--primary)} @media(max-width:1120px){.ndui-official-r16 .support-v311-layout{grid-template-columns:1fr}.ndui-official-r16 .support-v311-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.ndui-official-r16 .support-filter-v311{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ndui-official-r16 .support-filter-search{grid-column:span 2}.ndui-official-r16 .register-plans-v311 .register-plans-hero{grid-template-columns:1fr!important}} @media(max-width:760px){ .ndui-official-r16 .support-template-grid,.ndui-official-r16 .support-form-row,.ndui-official-r16 .support-v311-sidebar,.ndui-official-r16 .support-filter-v311{grid-template-columns:1fr!important}.ndui-official-r16 .support-filter-search{grid-column:auto}.ndui-official-r16 .support-submit-row,.ndui-official-r16 .register-plan-toolbar{align-items:stretch;flex-direction:column}.ndui-official-r16 .support-submit-row .btn,.ndui-official-r16 .support-filter-actions,.ndui-official-r16 .support-filter-actions .btn{width:100%}.ndui-official-r16 .support-ticket-list-v311 .support-ticket-row{grid-template-columns:1fr}.ndui-official-r16 .support-ticket-side{justify-items:start}.ndui-official-r16 .register-plans-topbar{align-items:stretch;flex-direction:column}.ndui-official-r16 .register-plans-topbar .btn{width:100%}.ndui-official-r16 .auth-card-v17:has(.register-plans-v311){padding:14px 12px 34px!important}.ndui-official-r16 .register-plans-v311 .register-plans-hero{padding:22px 18px!important;border-radius:20px!important}.ndui-official-r16 .register-plans-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.ndui-official-r16 .register-plans-steps span{justify-content:center;padding:7px 5px;font-size:9px}.ndui-official-r16 .register-plans-v311 .register-plan-grid{grid-template-columns:1fr!important}.ndui-official-r16 .register-plans-v311 .register-plan-card{min-height:0!important}.ndui-official-r16 .register-plans-v311 .register-plan-summary{min-height:0}.ndui-official-r16 .billing-cycle-switch{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.ndui-official-r16 .billing-cycle-switch button{width:100%} }