:root{--g:#0e3b2e;--gold:#c9a227;--bg:#edf6e9;--ink:#183b30}*{box-sizing:border-box}body{margin:0;font:15px system-ui,Arial;background:var(--bg);color:var(--ink)}header{background:var(--g);color:#fff;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center}.brand img{height:58px;max-width:min(360px,70vw);width:auto;display:block}button{cursor:pointer;border:0;border-radius:9px;padding:11px 15px;background:var(--g);color:#fff;font-weight:650}button.alt{background:#e9e5d8;color:var(--ink)}button:disabled{opacity:.5;cursor:not-allowed}nav{display:flex;gap:8px;padding:15px 5%;overflow:auto;background:#fff;border-bottom:1px solid #ddd}nav button{white-space:nowrap;background:#f0eee6;color:var(--ink)}nav button.active{background:var(--g);color:#fff}.banner{padding:10px 5%;background:#fff0c2;color:#674b00;font-size:13px}main{max-width:1250px;margin:auto;padding:22px 5%}h1{font-size:26px}h2{font-size:19px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:13px}.card,.panel{background:white;border:1px solid #e5e2d9;border-radius:14px;padding:20px;box-shadow:0 3px 12px #00000008}.card small{color:#68756d}.card strong{display:block;font-size:25px;margin-top:9px}.panel{margin-top:18px;overflow:auto}.top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;border-bottom:1px solid #eee;padding:12px 8px}th{color:#68756d;font-size:12px}input,select{width:100%;padding:11px;border:1px solid #cbd1c8;border-radius:8px;background:white;font:inherit}label{display:block;font-size:13px;font-weight:650;margin-bottom:6px}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}.field{min-width:0}.actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.pill{padding:5px 9px;background:#edf4ec;border-radius:20px;font-size:12px}.muted{color:#68756d}.hidden{display:none!important}.note{font-size:13px;color:#586b61}.empty{padding:30px;text-align:center;color:#68756d}.danger{color:#a43131}.reminder{padding:17px 0;border-bottom:1px solid #e8e8e2}.message{background:#f6f5ed;border-radius:10px;padding:13px;white-space:pre-wrap;line-height:1.5}footer{padding:25px 5%;font-size:12px;color:#6d786e;text-align:center}@media(max-width:600px){header{padding:15px}nav{padding:10px}main{padding:14px}h1{font-size:23px}}
.appnav{display:flex;gap:8px;overflow:auto;margin:0 0 18px;padding:12px;background:white;border-radius:12px}.appnav button{white-space:nowrap;background:#f0eee6;color:var(--ink)}.appnav button.active{background:var(--g);color:white}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:18px;align-items:start}.workmain,.workside{min-width:0}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:15px}.sectionhead>div{display:flex;align-items:center;gap:10px}.sectionhead h2{margin:0}.step{background:#0e3b2e;color:white;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-weight:700;font-size:12px}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.summary>div{background:#f7f5ef;padding:12px;border-radius:10px;display:flex;flex-direction:column;gap:5px}.summary small{color:#526b61}.summary strong{font-size:15px}.scrolltable{overflow-x:auto}.quotegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin:12px 0}.quotegrid>div{background:white;border:1px solid #dfe6db;border-radius:9px;padding:12px}.quotegrid small{display:block;color:#647568}.quotegrid strong{display:block;font-size:19px;margin-top:5px}.previewtable{max-height:280px;overflow:auto}.previewtable table{min-width:0}.previewtable td,.previewtable th{padding:7px}.preview{background:#f3f5ee;border-left:4px solid #c9a227;padding:13px;border-radius:7px;margin-top:15px}.rateslist{margin-top:15px}.rateitem{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid #e4e8df;gap:6px}.tiny{font-size:12px!important;padding:7px 9px!important}.workside .reminder{padding:12px;margin:10px 0}.workside .actions{flex-wrap:wrap}.workside .panel{margin-bottom:18px}details.panel summary{cursor:pointer;font-weight:700}details.panel h1{font-size:17px}@media(max-width:900px){.workspace{grid-template-columns:1fr}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* --- MeuCapital V2: revisão visual e usabilidade --- */
:root{--g:#0e3b2e;--gold:#c9a227;--bg:#edf6e9;--ink:#17392d;--line:#e4e8e4;--muted:#6a7a70;--shadow:0 8px 32px rgba(14,59,46,.04)}
body{background:var(--bg);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);font-size:14px}
header{padding:18px max(28px,calc((100vw - 1440px)/2 + 36px));background:#0d3529;min-height:98px;border-bottom:3px solid #b49737}
.brand{display:flex;align-items:center;gap:13px;font-size:28px;letter-spacing:-.8px;color:#f8f5e9;font-weight:400;line-height:1}
.brand .wordmark{font-weight:380}.brand .wordmark strong{font-weight:800}
.brand small{font-size:9px;letter-spacing:3px;display:block;margin-top:8px;color:#d0b461;font-weight:650}
.mark{display:inline-flex;position:relative;width:44px;height:48px;flex:none}.mark i,.mark b{position:absolute;display:block;border-radius:11px 11px 11px 4px;transform:rotate(-25deg)}.mark i{width:26px;height:35px;background:#f4eddf;left:4px;top:5px}.mark b{width:26px;height:35px;background:#c9a227;left:19px;top:8px;opacity:.92}
header>div:last-child{font-size:12px;font-weight:600;color:#e9ddbd;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);padding:8px 12px;border-radius:99px}
.banner{background:#edf3ec;border-bottom:1px solid #dbe5d8;color:#365547;padding:12px max(28px,calc((100vw - 1440px)/2 + 36px));font-size:12px}
.demo-indicator,.nav-foot-dot{display:inline-block;width:7px;height:7px;background:#c6a23d;border-radius:99px;margin-right:7px;vertical-align:middle}
main{max-width:1460px;margin:auto;padding:29px 36px 55px}
#app{display:grid;grid-template-columns:230px minmax(0,1fr);gap:27px;align-items:start}
.page-content{min-width:0}.page-content>h1,.page-content>.top h1{font-size:27px;letter-spacing:-.7px;font-weight:750;margin:0 0 5px}
.page-content>.top{margin-bottom:22px}.page-content>h1{margin-bottom:19px}
.appnav{margin:0;padding:16px 10px 12px;display:flex;flex-direction:column;gap:3px;position:sticky;top:24px;overflow:visible;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);background:white}
.nav-eyebrow{font-size:10px;letter-spacing:1.7px;color:#90a097;font-weight:850;margin:11px 13px 15px}
.appnav button{display:flex;align-items:center;text-align:left;width:100%;gap:11px;min-height:44px;border-radius:9px;padding:10px 14px;background:transparent;color:#64736a;font-size:13px;font-weight:670;transition:background .15s,color .15s}
.appnav button:hover{background:#f0f5ed;color:#0e3b2e}.appnav button.active{background:#0e3b2e;color:#fff}
.nav-icon{width:19px;flex:none;font-size:17px;line-height:1;text-align:center;opacity:.8}
.nav-foot{font-size:11px;line-height:1.5;color:#4e6757;border-top:1px solid #edf0ec;margin:13px 7px 0;padding:17px 10px 8px}
.nav-foot small{margin-left:15px;color:#91a097}
.cards{gap:13px}.card,.panel{border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:22px}.card{min-height:117px;padding:19px 20px}.card small{font-size:12px;line-height:1.4;color:#62786b}.card strong{font-size:24px;letter-spacing:-.6px;margin-top:10px;font-weight:760}
h2{font-size:18px;font-weight:730;letter-spacing:-.3px;margin-top:0}
button{border-radius:9px;transition:filter .15s,transform .1s;font-size:13px}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b49a3f;outline-offset:2px}
button.alt{background:#f0f3ee;color:#345244}input,select{border-color:#d7ded8;background:#fff}th{background:#f9faf8;color:#64766c;text-transform:uppercase;letter-spacing:.5px;font-size:10px}td{color:#304b3c}th,td{border-bottom-color:#e9ece8}.scrolltable{border-radius:9px;border:1px solid #e8ece7}
.pill{background:#eef4ee;color:#356548;font-weight:650;display:inline-block}.note{color:#687c70;line-height:1.6}.panel{margin-top:17px}.empty{background:#fafbf9;border-radius:10px}
.summary>div{background:#f7f9f5;border:1px solid #eaf0e7}.workside .panel{margin-top:0;margin-bottom:18px}
.hero{background:#10392d;padding:26px 29px;border-radius:16px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;position:relative;overflow:hidden}.hero:after{content:'';width:170px;height:170px;position:absolute;right:-45px;top:-90px;border:34px solid rgba(201,162,39,.12);border-radius:100%}.hero small{color:#d3bb6a;font-size:11px;font-weight:800;letter-spacing:1.8px}.hero h1{font-size:26px;color:#fff;letter-spacing:-.6px;margin:9px 0 8px}.hero p{max-width:600px;color:#cbdcd2;margin:0;line-height:1.5;font-size:13px}.hero button{background:#d1b45b;color:#163b2d;z-index:1}
.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin:19px 0 7px}.quick-actions button{background:#fff;border:1px solid #dfe6df;color:#214636;box-shadow:var(--shadow)}
.info-line{font-size:12px;color:#6b8071;padding:0 2px 11px}.page-subtitle{font-size:13px;color:#687c70;margin-top:4px}
.overdue-panel{border-left:4px solid #b97750}.overdue-panel .pill{background:#fff0e7;color:#9b4a2f}
.searchbox{max-width:340px;margin:8px 0 18px}.searchbox input{padding:12px 15px}
footer{border-top:1px solid #e6eae4;background:#fff}
@media(max-width:1050px){main{padding:22px}#app{grid-template-columns:190px minmax(0,1fr);gap:17px}.appnav button{padding:10px}.card strong{font-size:21px}}
@media(max-width:780px){header{padding:14px 18px;min-height:75px}.banner{padding:10px 18px}header>div:last-child{display:none}main{padding:16px}#app{display:block}.appnav{position:static;display:flex;flex-direction:row;overflow-x:auto;padding:10px;margin-bottom:20px;border-radius:12px}.appnav button{white-space:nowrap;width:auto;min-height:39px;flex:none;padding:8px 12px}.nav-eyebrow,.nav-foot{display:none}.nav-icon{display:none}.hero{padding:22px}.hero h1{font-size:22px}.page-content>.top h1,.page-content>h1{font-size:23px}.cards{grid-template-columns:repeat(auto-fit,minmax(158px,1fr))}}
@media(max-width:480px){.brand{font-size:23px}.mark{width:33px;transform:scale(.8);transform-origin:left center}.hero{padding:20px}.card{min-height:95px;padding:15px}.card strong{font-size:20px}.panel{padding:17px}.quick-actions{display:grid;grid-template-columns:1fr 1fr}.quick-actions button{font-size:11px}}

/* =====================================================
   MEUCAPITAL V2.2 — Interface de produto, clean fintech
   Layout-only update. Financial logic untouched.
===================================================== */
:root{
 --g:#0E3B2E; --gold:#C9A227; --bg:#edf6e9;
 --ink:#20372d; --line:#e4eae5; --muted:#6e7e74;
 --shadow:0 3px 16px rgba(20,53,39,.035);
}
html{scroll-behavior:smooth}
body{background:var(--bg);font:14px/1.5 'Segoe UI',Inter,system-ui,sans-serif;color:var(--ink);letter-spacing:.02px}
header{
 background:linear-gradient(110deg,#09291e 0%,#0d382a 74%,#134535 100%);
 border-bottom:1px solid rgba(201,162,39,.45);
 min-height:87px;padding:11px max(38px,calc((100vw - 1490px)/2 + 38px));
 display:flex;justify-content:space-between;align-items:center;gap:20px;
}
header .brand{display:flex;align-items:center;height:64px;min-width:0}
header .brand img{height:63px;width:auto;max-width:min(304px,60vw);object-fit:contain;display:block}
header .header-meta{display:flex;align-items:center;gap:14px;font-size:12px;white-space:nowrap}
header .header-meta .header-divider{height:27px;width:1px;background:rgba(255,255,255,.16)}
header .header-meta .head-section{color:#e5eee7;font-weight:550;letter-spacing:.2px}
header .header-meta .demo-badge{border:1px solid rgba(213,188,107,.28);background:rgba(206,177,84,.09);color:#e9d69a;border-radius:99px;padding:7px 12px;font-weight:650;font-size:11px}
header .header-meta .demo-badge::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#d9b457;margin-right:7px;vertical-align:middle}
.banner{background:#fff;color:#68796e;border-bottom:1px solid var(--line);padding:10px max(38px,calc((100vw - 1490px)/2 + 38px));font-size:12px;line-height:1.45}
.banner b{color:#2f5140;font-weight:650}
.banner .demo-indicator{background:#bd9d40}
main{max-width:1490px;margin:0 auto;padding:32px 38px 64px}
#app{display:grid;grid-template-columns:224px minmax(0,1fr);gap:27px;align-items:start}
.appnav{margin:0;padding:20px 10px 13px;display:flex;flex-direction:column;gap:4px;position:sticky;top:26px;overflow:visible;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.nav-eyebrow{margin:4px 14px 18px;font-size:10px;letter-spacing:2px;font-weight:800;color:#9aa79c}
.appnav button{color:#677a6f;background:transparent;padding:12px 13px;border-radius:10px;text-align:left;min-height:45px;display:flex;align-items:center;gap:13px;font:600 13px/1.2 'Segoe UI',system-ui,sans-serif;box-shadow:none;transition:background .14s,color .14s}
.appnav button:hover{filter:none;background:#f1f5f1;color:#0e3b2e}
.appnav button.active{background:#103d30;color:#fff;box-shadow:0 5px 12px rgba(14,59,46,.11)}
.appnav button.active:hover{background:#103d30;color:#fff}
.appnav .nav-icon{width:19px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:17px;line-height:1;opacity:.95}
.appnav .nav-icon svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.nav-foot{font-size:11px;color:#587268;line-height:1.5;padding:18px 11px 3px;border-top:1px solid #eff1ed;margin:24px 6px 0}
.nav-foot small{margin-left:0;color:#9aaba0}
.nav-foot-dot{background:#c9a227;margin-right:6px}
.page-content{min-width:0}
h1,h2{color:#203b2d}
h2{font-weight:720;font-size:18px;letter-spacing:-.3px}
.page-content>h1,.page-content>.top h1{font-size:27px;font-weight:750;letter-spacing:-.7px;margin:0 0 5px}
.page-content>.top{margin-bottom:23px}
.page-content>.top .note,.page-subtitle{margin-top:3px;color:#75857a}
.hero{min-height:177px;border-radius:19px;padding:31px 34px;display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;color:#fff;box-shadow:0 15px 25px rgba(8,54,37,.09);background:radial-gradient(ellipse 250px 230px at 100% 5%, rgba(191,166,72,.11),transparent 88%),linear-gradient(112deg,#0c3529 5%,#164638 100%)}
.hero:after{display:none}
.hero small{display:block;color:#d7bd6b;letter-spacing:2.2px;font-size:10px;font-weight:750}
.hero h1{font-size:29px;line-height:1.18;font-weight:750;letter-spacing:-.9px;color:#fff;margin:11px 0 11px}
.hero p{font-size:13px;line-height:1.6;color:#d1dfd6;max-width:570px}
.hero button{color:#103727;background:#d6b456;padding:13px 19px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.10);font-weight:740;min-height:45px;z-index:1}
.hero button:hover{filter:brightness(1.05)}
button{font-family:inherit;border-radius:10px;letter-spacing:.02px;font-weight:650;font-size:13px;padding:11px 15px;background:#0e3b2e}
button.alt{background:#edf2ed;color:#315141}
button:hover:not(:disabled){filter:brightness(1.04)}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #c9a227;outline-offset:2px}
.quick-actions{margin:18px 0 9px;gap:10px;display:flex;flex-wrap:wrap}
.quick-actions button{background:#fff;color:#2b523e;border:1px solid #e4e9e3;border-radius:10px;font-size:12px;padding:11px 15px;box-shadow:0 1px 2px rgba(10,43,28,.025)}
.info-line{font-size:11px;line-height:1.4;color:#87958b;padding:2px 2px 17px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card,.panel{background:#fff;border:1px solid #e4e9e5;border-radius:16px;box-shadow:var(--shadow)}
.card{padding:21px 22px;min-height:127px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;position:relative;overflow:hidden}
.card:before{content:'';position:absolute;left:22px;right:22px;top:0;height:2px;background:transparent}
.cards>.card:first-child:before{background:#c6a44a}
.card small{display:block;color:#728578;font-size:12px;font-weight:570;line-height:1.5;letter-spacing:.01px}
.card strong{display:block;font-size:27px;font-weight:760;letter-spacing:-.85px;line-height:1.2;color:#143e2e;margin:0;font-variant-numeric:tabular-nums}
.panel{margin-top:19px;padding:25px 27px}
.panel h2{margin:0 0 13px}
.panel>.top{margin:0 0 18px;gap:12px}
.panel>.top h2{margin:0}
.panel>.top button.alt{font-size:12px;padding:9px 13px}
.note{font-size:12.5px;color:#728279;line-height:1.7}
.summary{gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:17px}
.summary>div{border-radius:11px;padding:15px;background:#f6f8f5;border:1px solid #e9efea}
.summary small{font-size:11px;color:#738376}
.summary strong{font-size:16px;color:#234434;font-weight:730;letter-spacing:-.3px}
.empty{background:#f8faf8;color:#87948b;min-height:92px;display:flex;align-items:center;justify-content:center;font-size:13px;border-radius:10px}
.scrolltable{border-radius:10px;border:1px solid #edf0ed;overflow:auto}
table{min-width:650px}
th,td{padding:13px 12px}
th{background:#f8faf8;font-size:10px;font-weight:750;letter-spacing:.65px;color:#839184}
td{font-size:12px;color:#3b5847}
tr:last-child td{border-bottom:0}
td.empty{display:table-cell;text-align:center;background:#f9fbf9;min-height:0;padding:27px 12px;border-radius:0}
.pill{display:inline-block;border-radius:100px;background:#eff5ef;color:#37624d;padding:6px 11px;font-size:11px;font-weight:650}
.form{gap:17px}.field label,label{font-size:12px;font-weight:650;color:#445e4e}
input,select{border:1px solid #dce4dc;border-radius:9px;padding:12px 13px;min-height:43px;font-size:13px;color:#243e31;background:#fff}
input::placeholder{color:#a0ada2}
.workspace{gap:20px}.workside .panel{padding:23px;margin-bottom:19px}
.step{width:31px;height:31px;background:#103d30;font-size:12px}
.overdue-panel{border-left:3px solid #bc765a}
.searchbox{max-width:390px}
footer{background:transparent;border-top:1px solid #e5ebe6;color:#9aa79c;padding:24px 20px;font-size:11px}
@media(max-width:1150px){
  main{padding:25px 24px 45px}#app{grid-template-columns:205px minmax(0,1fr);gap:20px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card strong{font-size:24px}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  header,.banner{padding-left:26px;padding-right:26px}
}
@media(max-width:800px){
  header{padding:9px 19px;min-height:80px}
  header .brand{height:56px}
  header .brand img{height:54px;max-width:245px}
  header .header-meta .head-section,header .header-meta .header-divider{display:none}
  header .header-meta .demo-badge{font-size:10px;padding:6px 10px}
  .banner{padding:9px 19px}
  main{padding:17px 16px 37px}
  #app{display:block}
  .appnav{position:static;display:flex;flex-direction:row;overflow-x:auto;gap:5px;border-radius:12px;padding:9px;margin-bottom:20px;scrollbar-width:thin}
  .appnav button{flex:none;width:auto;font-size:12px;min-height:41px;padding:9px 11px}
  .nav-eyebrow,.nav-foot{display:none}.appnav .nav-icon{width:17px}.appnav .nav-icon svg{width:16px;height:16px}
  .hero{padding:25px 24px;min-height:150px;gap:16px}
  .hero h1{font-size:25px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel{padding:20px;margin-top:15px}
  .workspace{grid-template-columns:1fr}
}
@media(max-width:490px){
  header .brand img{height:45px;max-width:210px}
  header .header-meta .demo-badge{font-size:9px}
  .hero{padding:23px 21px}.hero h1{font-size:24px}.hero p{font-size:12px}
  .hero button{width:100%}
  .quick-actions{gap:8px}.quick-actions button{flex:1 1 auto;padding:11px;font-size:11px}
  .cards{grid-template-columns:1fr 1fr;gap:9px}
  .card{padding:15px 14px;min-height:105px;gap:10px}.card strong{font-size:20px;letter-spacing:-.7px}.card small{font-size:10.5px}
  .summary{grid-template-columns:1fr 1fr}.summary strong{font-size:13px}
  .panel{padding:18px}.panel>.top{align-items:flex-start}.panel h2{font-size:16px}
}