/* URMONINVEST visual identity — supplied brand guide, September 2026. */
:root{--bg:#f5f4ed;--ink:#312e2a;--green:#0b352e;--muted:#626b60;--line:#dedfd4;--soft:#ecebdf;--asparagus:#759870;--flax:#efdf81}
h1,h2,h3{color:var(--green)}
.btn{border-radius:8px}.btn:focus-visible,a:focus-visible{outline-color:#759870}.card{border-radius:14px;box-shadow:0 4px 20px #0b352e04}.card-title h2{font-weight:700}.sidebar{background:#0b352e;border-right:0;color:#ecebdf}.side-logo{mix-blend-mode:screen;filter:grayscale(1) invert(1);margin-bottom:38px}.nav button{color:#c8d4c5;border-radius:8px;margin-bottom:4px}.nav button.active{background:#efdf81;color:#0b352e}.nav button:hover:not(.active){background:#ffffff12;color:white}.side-bottom{border-color:#ffffff24}.side-bottom .role{color:#b6c4b1}.side-bottom .btn.ghost{color:#d2dace}.avatar{background:#ecebdf;color:#0b352e}.sidebar .avatar{background:#759870;color:white}.topbar{background:#faf9f3;height:76px}.sync{color:#4b7147}.topbar .crumb{font-size:12px;letter-spacing:.3px}.content{padding-top:30px}.pagehead h1{font-weight:800}.metric{border-radius:12px;border-top:3px solid #759870;padding:22px}.metric.featured{background:#0b352e;border-color:#0b352e}.metric.featured .value{color:#efdf81}.metric.featured .label,.metric.featured .sub,.metric.featured small{color:#d3dfcd}.metric .value{letter-spacing:-1px}.metric .label{color:#525f50}.metric .sub{line-height:1.5}.metric:nth-child(2){border-top-color:#efdf81}.metric:nth-child(3){border-top-color:#759870}.metric:nth-child(4){border-top-color:#312e2a}.pill{color:#315a36;background:#e9f0e4}.pill.yellow{background:#f7efc2;color:#665619}.pill.gray{background:#ecebdf;color:#626b60}.data-table th{background:#ecebdf;color:#0b352e;padding-top:15px;padding-bottom:15px}.data-table td{border-bottom-color:#e5e6dc}.data-table tbody tr.clickable:hover{background:#f5f5ec}.field label{color:#4b5b48}.field input,.field select,.field textarea,input.search,select{border-color:#ccd3c7;border-radius:7px}.field input:focus,.field select:focus,.field textarea:focus,input.search:focus{border-color:#759870;box-shadow:0 0 0 3px #75987022}.summary-card{background:#ecebdf;border-color:#d5d9cb}.progress span,.bar-line .bar i{background:#759870}.empty .icon{color:#759870}.empty strong{color:#0b352e}.empty{padding:32px 18px}.filter.active{background:#0b352e}.notice{background:#f9f3d3;border-color:#efdf81;color:#625321}.brand-banner{position:relative;overflow:hidden;min-height:180px;border-radius:14px;margin-bottom:26px;padding:30px 34px;background:#0b352e;color:#ecebdf;display:flex;align-items:center;isolation:isolate}.brand-banner:after{content:'';position:absolute;inset:0 0 0 38%;background:linear-gradient(90deg,#0b352e 0%,#0b352e66 35%,#0b352e00 100%),url('/brand-botanical.jpg') center 48%/cover;z-index:-1}.brand-banner .eyebrow{color:#efdf81;font-size:10px;letter-spacing:2.6px;margin-bottom:14px}.brand-banner h2{color:white;font-size:29px;line-height:1.2;letter-spacing:-.8px;max-width:410px}.brand-banner p{color:#d0dccc;margin-top:12px;font-size:13px;line-height:1.6;max-width:330px}.login{max-width:none;background:#ecebdf;grid-template-columns:1.1fr 1fr}.login-brand{min-height:100dvh;justify-content:flex-start;padding:60px 9%;background:#0b352e;border:0;isolation:isolate}.login-brand:after{inset:0;width:auto;height:auto;transform:none;border:0;background:linear-gradient(180deg,#0b352e 0%,#0b352ecc 37%,#0b352e00 75%),url('/brand-botanical.jpg') center/cover;z-index:-1}.login-brand img{width:250px;filter:grayscale(1) invert(1);mix-blend-mode:screen}.login-brand h1{color:white;font-size:clamp(38px,4vw,60px);margin-top:65px;letter-spacing:-2px}.login-brand h1 span{color:#efdf81}.login-brand p{color:#e3e9df;max-width:330px}.login-main{padding:60px 12%;background:#ecebdf}.login-box{background:#fafaf5;color:#0b352e;border:1px solid #d7dacd;border-radius:16px;padding:36px;box-shadow:0 20px 60px #0b352e0a}.login-box p{color:#626b60}.google{background:#0b352e;color:white;border-radius:8px;font-size:14px}.login-rule{color:#626b60;border-color:#dedfd4;line-height:1.6}.login-help{color:#626b60}.mobile-nav{background:#faf9f3f5}.mobile-nav button.active{color:#0b352e}.mobile-nav button.active .icon{background:#efdf81;border-radius:6px;box-shadow:0 0 0 5px #efdf81}.mobile-nav button{color:#626b60}.modal{background:#f5f4ed}.modal-head{border-bottom:1px solid #dedfd4;padding-bottom:18px}.calc-preview{background:#ecebdf}.brand-banner + .metrics{margin-top:0}
@media(max-width:1100px){.brand-banner{padding:26px;min-height:170px}.brand-banner h2{font-size:26px}.login-main{padding:35px 7%}.login-brand{padding:45px 9%}}
@media(max-width:700px){.login{max-width:none}.login-brand{min-height:360px;padding:30px 25px;align-items:flex-start}.login-brand img{width:175px}.login-brand h1{margin-top:30px;font-size:34px;letter-spacing:-1.1px}.login-brand p{font-size:13px;margin-top:16px;max-width:270px}.login-brand:after{inset:0;background-position:center 65%}.login-main{padding:22px 18px 35px}.login-box{padding:25px}.login-box h2{font-size:22px}.topbar{height:62px}.content{padding:22px 16px}.brand-banner{min-height:158px;padding:23px;margin-bottom:19px;border-radius:12px}.brand-banner:after{left:20%;opacity:.6}.brand-banner h2{font-size:25px;max-width:270px}.brand-banner p{font-size:12px;max-width:245px}.brand-banner .eyebrow{font-size:9px;margin-bottom:11px}.metric{padding:17px 13px}.metric .value{font-size:23px}.metric .label{font-size:11px}.metric .sub{font-size:11px}.pagehead h1{font-size:27px}.side-logo{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* iPhone home-screen app: keep header and drawers below the status bar / notch */
.topbar{height:calc(76px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}
.modal{padding-top:calc(26px + env(safe-area-inset-top,0px))}
@media(max-width:700px){.topbar{height:calc(62px + env(safe-area-inset-top,0px))}.modal{padding-top:calc(21px + env(safe-area-inset-top,0px));padding-bottom:calc(21px + env(safe-area-inset-bottom,0px))}}