/* MR Softer — Interface 2026: camada visual, sem alterar o licenciamento ou dados */
:root{--ink:#172b4b;--muted:#75859c;--line:#e7edf5;--paper:#fff;--bg:#f5f7fb;--green:#1462e6;--mint:#eef4ff;--shadow:0 4px 18px rgba(19,38,75,.035)}
body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.app{grid-template-columns:258px minmax(0,1fr)}
.sidebar{background:#101d36;min-height:100vh;border:0;padding:27px 16px 20px;gap:27px;position:sticky;top:0;height:100vh;overflow-y:auto;box-shadow:8px 0 32px rgba(21,38,70,.065)}
.brand{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.16);border-radius:15px;min-height:94px;margin:0 5px;padding:12px;box-shadow:none}
.brand-logo{max-width:164px}
.nav{gap:4px}.nav button{border-radius:10px;color:#9dabca;font-size:12.5px;font-weight:530;padding:12px 13px;min-height:45px;transition:background .18s,color .18s,transform .18s}
.nav button:hover:not(.active){color:#fff;background:#1e3050;box-shadow:none;transform:translateX(2px)}
.nav button.active{color:#fff;background:linear-gradient(105deg,#246de7,#1354c9);box-shadow:0 7px 17px rgba(0,72,199,.27);font-weight:680}
.nav .ico{font-size:17px;flex:0 0 22px;width:22px;line-height:1}
.side-note{background:#1b2d4c;color:#9db1d2;border:1px solid #2b4268;padding:16px;border-radius:13px;line-height:1.65}
.side-note b{color:white;font-size:12px}
.main{background:var(--bg);min-width:0}
.topbar{height:76px;padding:0 clamp(24px,3.3vw,52px);background:rgba(255,255,255,.92);box-shadow:none;border-bottom:1px solid var(--line)}
.crumb{font-size:12px;color:#8794a8}.crumb b{font-weight:700}
.profile{gap:12px}.profile .period{min-width:160px;padding:10px 14px}.avatar{width:39px;height:39px;background:linear-gradient(135deg,#e0ebff,#d1e3ff);color:#1458cc;box-shadow:inset 0 0 0 1px #cbddf8}.profile span{color:#1b335a;font-size:12px}
.content{max-width:1580px;padding:37px clamp(24px,3.3vw,52px) 65px}
.welcome{margin-bottom:27px;align-items:center;gap:20px}.welcome h1{font-size:clamp(25px,2.15vw,34px);font-weight:790;letter-spacing:-1.1px;margin-bottom:5px;color:#132746}.welcome p{font-size:13px;color:#7c8ca2}
.primary,.secondary,.link-btn{border-radius:10px;min-height:40px;font-size:12px;transition:transform .15s,box-shadow .15s,border .15s}
.primary{background:#1462e6;box-shadow:0 7px 16px rgba(20,98,230,.16);font-weight:700;padding:11px 17px}.primary:hover{background:#0754ce;transform:translateY(-1px);box-shadow:0 10px 20px rgba(20,98,230,.23)}
.secondary{background:#fff;border:1px solid #dfe7f1;color:#334d70;padding:9px 13px}.secondary:hover{border-color:#a5bde5;background:#f7faff}.link-btn{background:#ebf2ff;color:#155ace}
.metrics{gap:18px;margin-bottom:22px}
.card{background:#fff;border:1px solid #e8edf5;border-radius:17px;box-shadow:0 5px 25px rgba(17,45,85,.035)}
.metric{position:relative;overflow:hidden;min-height:148px;padding:22px 23px 20px;transition:transform .2s,box-shadow .2s}
.metric:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,52,96,.08)}
.metric::before{content:"";display:block;position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:0 4px 4px 0;background:#3d80f6}
.metric:nth-child(2)::before{background:#e5a34b}.metric:nth-child(3)::before{background:#a183ec}.metric:nth-child(4)::before{background:#33b59b}
.metric::after{content:"";width:56px;height:56px;position:absolute;right:16px;top:14px;border-radius:16px;background:#edf4ff;opacity:.65;pointer-events:none}
.metric:nth-child(2)::after{background:#fff2dd}.metric:nth-child(3)::after{background:#f0eaff}.metric:nth-child(4)::after{background:#e7f9f3}
.metric-label{font-size:12px;font-weight:600;color:#75869f;position:relative;z-index:1;max-width:calc(100% - 36px)}
.metric-value{font-size:30px;font-weight:800;letter-spacing:-1.1px;margin:15px 0 6px;color:#142d55;position:relative;z-index:1}
.metric-foot{font-size:11px;color:#94a1b4;position:relative;z-index:1}
.section-card{padding:25px 27px;margin-top:0;overflow-x:auto}.panel{padding:24px}.panel-head{margin-bottom:23px;gap:20px;flex-wrap:wrap}.panel-head h2{font-size:16px;color:#193253;letter-spacing:-.45px;font-weight:760}.panel-head p{font-size:12px;color:#8999ad;line-height:1.6}.panel-head>div:last-child{flex-wrap:wrap}
.table{border-collapse:separate;border-spacing:0;width:100%;min-width:610px}.table thead{background:#f7f9fc}.table th{font-size:10px;letter-spacing:.045em;color:#8b9bb0;font-weight:750;border-bottom:1px solid #e6edf5;padding:15px 13px;text-transform:uppercase}.table th:first-child{border-radius:9px 0 0 9px}.table th:last-child{border-radius:0 9px 9px 0}.table td{font-size:12px;color:#38506e;padding:19px 13px;border-bottom:1px solid #eff2f7}.table tbody tr:hover{background:#fbfcff}.table tbody tr:last-child td{border:0}.table td:first-child{font-weight:650;color:#152d52}.table .link-btn{border-radius:9px;font-weight:720}
.badge:not(.amber),.recent-tag,.status{background:#eaf2ff;color:#2065d2;border-radius:7px;padding:5px 9px;font-weight:650}.footnote{font-size:10px;color:#9ba8b8;margin-top:19px}.period,.field input,.field select{border-color:#e1e8f2;border-radius:9px}.field input,.field select{min-height:43px}.field label{font-size:11px;font-weight:640;color:#667e9e}.grid,.lower{gap:19px}.section-card .form-grid{gap:17px}.task{border-color:#e6edf5;background:#fbfcff}.month-box{border-color:#e6edf5}.progress{background:#eaf0fa}.progress span{background:linear-gradient(90deg,#30d0c7,#2473e8)}
:focus-visible{outline:3px solid rgba(37,113,226,.43)!important;outline-offset:2px}
@media(max-width:1100px){.app{grid-template-columns:222px minmax(0,1fr)}.sidebar{width:222px;padding:22px 11px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:28px 22px 50px}.topbar{padding:0 22px}}
@media(max-width:690px){.app{display:block}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:auto;height:69px;min-height:0;z-index:8;padding:6px;border:0;border-top:1px solid #e5ecf6;background:white;box-shadow:0 -6px 22px #102a4d10;overflow:hidden}.brand,.side-note{display:none}.nav{display:flex;overflow-x:auto;gap:5px;height:100%;align-items:stretch}.nav button{flex:0 0 88px!important;min-width:88px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:5px 2px;font-size:9px;color:#637b9d;border-radius:8px}.nav button.active{color:white}.nav .ico{font-size:18px}.topbar{height:62px;padding:0 16px}.content{padding:25px 15px 100px}.welcome{align-items:flex-start;flex-direction:column;gap:15px}.welcome h1{font-size:27px}.welcome .primary{font-size:12px}.metrics{gap:11px}.metric{padding:17px;min-height:132px}.metric-value{font-size:24px}.metric-label{font-size:11px}.metric-foot{font-size:10px}.metric::after{height:35px;width:35px;right:10px;top:10px;border-radius:10px}.section-card{padding:17px 15px}.panel-head{align-items:flex-start;flex-direction:column;gap:12px}.profile .period{min-width:110px;max-width:135px}.profile span{display:none}.grid,.lower{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.metrics{grid-template-columns:1fr 1fr}.metric-value{font-size:20px}.topbar .crumb{font-size:10px}}