*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;background:#f5f6f7;color:#0a1d37}
.app{width:1365px;height:768px;background:#fff;display:grid;grid-template-columns:238px 1fr;overflow:hidden}
.side{background:#071a33;color:#fff;padding:20px 16px;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:20px}
.brand img{width:34px;height:34px;object-fit:contain}
.brand strong{font-size:13px;letter-spacing:.08em}.brand small{display:block;color:#c6a15a;font-size:8px;letter-spacing:.2em;margin-top:3px}
.office{margin-top:16px;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.035)}
.office small{display:block;color:#7994b5;font-size:7px;letter-spacing:.12em}.office b{display:block;font-size:9px;margin-top:4px}
.nav{padding-top:13px;display:grid;gap:5px}.nav b{font-size:8px;color:#7591b5;letter-spacing:.16em;margin:13px 9px 3px}
.nav span{font-size:10px;padding:10px 11px;border-radius:8px;color:#cbd7e6}
.nav span.on{background:#173251;color:#fff;border-left:2px solid #c6a15a}
.user{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;font-size:9px;color:#9fb0c3}
.main{padding:26px 30px;background:#fbfaf8;overflow:hidden}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.top small{font-size:8px;letter-spacing:.12em;color:#9a783f}.top h1{font-size:25px;margin:5px 0 0}
.top button{background:#071a33;color:#fff;border:0;border-radius:8px;padding:10px 15px;font-weight:700;font-size:9px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.kpi{background:#fff;border:1px solid #dfe3e7;border-radius:12px;padding:15px}
.kpi small{color:#8491a0;font-size:8px}.kpi strong{display:block;font-size:22px;margin:7px 0}.kpi span{font-size:8px;color:#43816a}
.grid{display:grid;grid-template-columns:1.35fr .85fr;gap:14px}.grid.equal{grid-template-columns:1fr 1fr}
.card{background:#fff;border:1px solid #dfe3e7;border-radius:12px;padding:16px}.cardhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}
.cardhead strong{font-size:12px}.cardhead span{font-size:8px;color:#8d98a5}
.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid #edf0f2;font-size:8px}
.table th{color:#8a95a1;font-weight:700}.tag{display:inline-block;border-radius:999px;padding:5px 7px;background:#e9f5ef;color:#3d7a62;font-size:7px;font-weight:800}
.tag.warn{background:#fff2d8;color:#8b672e}.tag.off{background:#f0f1f3;color:#7d8793}
.list{display:grid;gap:9px}.item{border:1px solid #edf0f2;border-radius:9px;padding:10px;display:grid;gap:3px}.item b{font-size:9px}.item span,.item small{font-size:7px;color:#85919f}
.timeline{display:grid;gap:11px}.event{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:start}.event i{width:30px;height:30px;border-radius:9px;background:#f4ead8;color:#9a702d;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:8px}
.event b{font-size:9px}.event p{font-size:7px;color:#7c8997;margin:4px 0}.event small{font-size:7px;color:#8d98a5}
.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.col{background:#f5f6f7;border-radius:10px;padding:10px}.col>strong{font-size:8px;display:flex;justify-content:space-between;margin-bottom:8px}
.task{background:#fff;border:1px solid #e1e5e8;border-radius:8px;padding:9px;margin-bottom:7px}.task b{font-size:8px}.task p{font-size:7px;color:#81909e}
.source{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid #edf0f2}.source b{font-size:9px}.source small{font-size:7px;color:#7f8d9a;display:block;margin-top:3px}
.health{font-size:7px;background:#e8f5ee;color:#3d7a62;padding:5px 7px;border-radius:999px}.health.warn{background:#fff2d8;color:#8b672e}.health.off{background:#f0f1f3;color:#7d8793}
.progress{height:7px;border-radius:999px;background:#edf0f2;overflow:hidden;margin-top:8px}.progress span{display:block;height:100%;background:#c6a15a}
.statbox{border:1px solid #e2e6e9;border-radius:10px;padding:12px}.statbox small{font-size:7px;color:#85919f}.statbox b{display:block;font-size:15px;margin-top:5px}
.note{margin-top:12px;background:#f7f1e6;border:1px solid #eadcc0;border-radius:10px;padding:11px;font-size:8px;color:#72582d}


/* V10.34 — demonstrações alinhadas ao produto jurídico atual */
.nav{gap:3px}.nav b{margin:10px 9px 2px}.nav span{padding:7px 10px;font-size:8.6px}.office{margin-top:12px}.user b{color:#d6b36c}.main{padding:23px 28px}.top{margin-bottom:15px}.top h1{font-size:23px}
.section-note,.source-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#102a49;color:#fff;border-radius:11px;padding:10px 13px;margin-bottom:12px}.section-note b,.source-banner strong{font-size:9px}.section-note span,.source-banner small{font-size:7px;color:#b4c2d1}.source-banner>div{display:grid;gap:3px}.source-banner>div>small{color:#d3ad62;letter-spacing:.1em}.sub{display:block;margin-top:3px;color:#8a96a3}.kpis.two{grid-template-columns:1fr 1fr}.module-tabs,.calendar-tabs{display:flex;gap:7px;margin-bottom:12px}.module-tabs span,.calendar-tabs span{font-size:8px;border:1px solid #dfe3e7;border-radius:999px;padding:7px 11px;background:#fff;color:#74808c}.module-tabs span.active,.calendar-tabs span.active{background:#102a49;color:#fff;border-color:#102a49}.calendar-tabs b{font-size:7px;margin-left:4px;background:rgba(255,255,255,.15);padding:2px 5px;border-radius:99px}
.treatment-hero{display:flex;align-items:center;justify-content:space-between;background:#102a49;color:#fff;border-radius:13px;padding:17px 19px;margin-bottom:13px}.treatment-hero>div{display:grid;gap:4px}.treatment-hero small{font-size:7px;letter-spacing:.12em;color:#d4ae62}.treatment-hero strong{font-size:15px}.treatment-hero span{font-size:8px;color:#b4c2d1}.treatment-hero>b{font-size:28px;color:#d4ae62}.source-data{display:grid;grid-template-columns:1fr 1fr;gap:8px}.source-data>div{border:1px solid #edf0f2;border-radius:8px;padding:9px;display:grid;gap:3px}.source-data small{font-size:6.5px;color:#8793a0}.source-data b{font-size:8px}.decision{border-top:1px solid #edf0f2;margin-top:12px;padding-top:11px;display:flex;justify-content:space-between;align-items:center;gap:10px}.decision>span{font-size:7px;color:#7c8997;max-width:58%}.mini{border:0;background:#102a49;color:#fff;border-radius:7px;padding:7px 8px;font-size:7px}.mini.ghost{background:#eef1f4;color:#647181}
.calendar-grid{grid-template-columns:1.25fr .75fr}.weekdays,.month{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#e9edf0}.weekdays b{background:#f6f7f8;padding:7px;font-size:6.5px;color:#81909e}.month i{background:#fff;min-height:67px;padding:7px;font-style:normal;font-size:7px;color:#697583}.cal-dot{margin-top:7px;border-radius:5px;padding:5px;background:#e9f5ef;color:#3d7a62;font-size:6px}.cal-dot.gold{background:#f4ead8;color:#8d672c}.lower{margin-top:13px}
.source>.source-brand{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:8px;color:#fff}.source:has(.source-brand){grid-template-columns:34px 1fr auto;align-items:center}.source-brand.outlook{background:#1674ea}.source-brand.djen{background:#233a58}.source-brand.esaj{background:#9a6f2f}.source-brand.oab{background:#173c74}
.portal-demo{width:1365px;height:768px;background:#f6f3ed;color:#112640;overflow:hidden}.portal-demo header{height:66px;background:#0c2645;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 55px}.portal-demo header>div{display:grid;gap:3px}.portal-demo header strong{font-family:Georgia,serif;font-size:15px;letter-spacing:.08em}.portal-demo header small{font-size:7px;letter-spacing:.16em;color:#d4ae62}.portal-demo header>span{font-size:8px;color:#c5d0dc}.portal-demo main{max-width:1080px;margin:0 auto;padding:42px 0}.portal-intro small{font-size:8px;letter-spacing:.15em;color:#9b783e;font-weight:800}.portal-intro h1{font-family:Georgia,serif;font-weight:400;font-size:32px;max-width:620px;line-height:1.06;margin:9px 0 10px}.portal-intro p{font-size:9px;color:#74808b;max-width:630px;line-height:1.65}.portal-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 12px}.portal-kpis article{background:#fff;border:1px solid #e0ddd6;border-radius:12px;padding:15px}.portal-kpis small{font-size:7px;color:#87919d}.portal-kpis b{display:block;font-size:20px;margin-top:5px}.portal-process{background:#fff;border:1px solid #dfdcd4;border-radius:14px;padding:18px}.portal-process-head{display:flex;justify-content:space-between;align-items:center}.portal-process-head>div{display:grid;gap:4px}.portal-process-head small,.portal-summary small{font-size:7px;color:#9b783e;letter-spacing:.12em}.portal-process-head strong{font-size:12px}.portal-process-head>span{font-size:7px;background:#e9f5ef;color:#3d7a62;border-radius:99px;padding:6px 8px}.portal-summary{background:#f7f2e8;border-radius:10px;padding:12px;margin:14px 0}.portal-summary p{font-size:9px;line-height:1.55;margin:5px 0 0;color:#465667}.portal-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.portal-timeline>div{display:flex;gap:8px;border:1px solid #eef0f1;border-radius:9px;padding:10px}.portal-timeline i{width:7px;height:7px;border-radius:50%;background:#c9a253;margin-top:2px}.portal-timeline b{display:block;font-size:7.5px}.portal-timeline span{font-size:7px;color:#7d8995;display:block;margin-top:3px}

/* V10.37 — logos oficiais nas fontes */
.source>.source-brand.source-logo{background:#fff;border:1px solid #e3e7eb;padding:4px;overflow:hidden}
.source>.source-brand.source-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.source>.source-brand.source-logo-tjsp{padding:2px}