/* DealLedger V1.1 visual layer: mobile-first premium interface */
:root{--ink:#082b37;--green:#008c70;--mint:#e3f5ee;--soft:#f4f8f7}
body{background:#f5f8f7}
.brand-mark{border:0;background:transparent;width:45px;height:45px}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.premium-logo{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;color:#092c38;font-size:19px;font-weight:800;letter-spacing:-.8px}
.premium-logo img{height:39px;width:43px;object-fit:contain}
.premium-logo span span{font-weight:500}
.premium-pill{background:#e8f5ee;border:0;border-radius:22px;padding:7px 12px;font-size:10px;color:#087f68;font-weight:700}
#app.splash-mode .sidebar,#app.splash-mode .topbar,#app.splash-mode .bottom-nav{display:none!important}
#app.splash-mode .app-shell{margin:0}
#app.splash-mode main{max-width:none;padding:0}
.splash-screen{min-height:100svh;background:linear-gradient(to bottom,rgba(0,29,35,.04) 20%,rgba(0,32,40,.05) 45%,rgba(1,25,29,.86) 100%),url('/assets/coastal-sunset.jpg') center/cover;position:relative;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;padding:70px max(8vw,26px) 48px}
.splash-top{position:absolute;top:35px;left:max(8vw,26px);border-radius:30px;background:#ffffffd9;padding:8px 17px}
.splash-top .premium-logo{font-size:22px}.splash-top .premium-logo img{height:47px;width:48px}
.splash-copy{max-width:600px}.splash-copy h1{font:750 clamp(35px,4vw,62px)/1.1 Manrope,sans-serif;letter-spacing:-1.8px;margin:0 0 15px}.splash-copy p{font-size:16px;line-height:1.5;max-width:390px;color:#eef8f6}
.splash-actions{display:flex;gap:10px;margin:25px 0 18px}.splash-actions .button{background:linear-gradient(125deg,#21ceb0,#008a6b);font-size:14px;padding:17px 40px;box-shadow:0 9px 25px #002c2944}
.splash-actions .button.secondary{border:1px solid #ffffffa0;color:white;background:#ffffff25;backdrop-filter:blur(8px)}
.splash-dots{display:flex;gap:6px;margin-top:13px}.splash-dots span{height:6px;width:6px;border-radius:100%;background:#ffffff80}.splash-dots span:first-child{width:22px;border-radius:9px;background:#16c6a0}
.premium-welcome{display:flex;align-items:center;gap:10px;margin-bottom:20px}.premium-welcome .avatar{background:#e0eee8}.welcome-copy{flex:1}.welcome-copy small{font-size:11px;color:#889c9b}.welcome-copy strong{font:800 18px Manrope;display:block}
.premium-search{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e1eae8;box-shadow:0 5px 20px #15392a0b;border-radius:19px;padding:15px 17px;margin:0 0 18px;color:#78908d}
.premium-search input{outline:none;border:0;flex:1;min-width:0;width:100%;color:#173c39;background:none;font-size:13px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 23px}
.quick-tile{background:white;border:1px solid #e9eeee;border-radius:18px;padding:16px 4px;text-align:center;font-size:11px;color:#35585a;font-weight:700}
.quick-tile .glyph{display:grid;place-items:center;width:43px;height:43px;background:#edf6f4;color:#008c70;border-radius:13px;margin:0 auto 10px;font-size:23px}
.quick-tile.active{background:#e4f7f0;color:#007e64}.quick-tile.active .glyph{background:#c9eadf}
.pipeline-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:10px 0 26px}
.pipe-step{padding:12px 3px 10px;border-radius:12px;background:#eaf2fa;text-align:center;font-size:9px;color:#36617b}
.pipe-step strong{display:block;font:800 19px Manrope;margin-bottom:4px}.pipe-step:nth-child(2){background:#e0efff;color:#3677bb}.pipe-step:nth-child(3){background:#dcf5ea;color:#19906b}.pipe-step:nth-child(4){background:#fff0da;color:#ae772a}.pipe-step:nth-child(5){background:#dff8e8;color:#329c60}
.mobile-title{font:800 21px Manrope;letter-spacing:-.5px;margin:23px 0 14px}
.explore-head{display:flex;align-items:center;justify-content:space-between}
.demo-map{height:300px;border-radius:25px;background:linear-gradient(135deg,#d7e9e0 0%,#eff1dc 48%,#c0dce4 100%);position:relative;overflow:hidden;margin:13px 0 -25px}
.demo-map:before{content:'';position:absolute;inset:-30%;background:repeating-linear-gradient(25deg,transparent 0 51px,#ffffffb0 52px 58px,transparent 59px 125px),repeating-linear-gradient(-55deg,transparent 0 79px,#ffffffd0 80px 85px,transparent 86px 164px);transform:rotate(4deg)}
.map-label{position:absolute;top:18px;left:17px;background:#ffffffec;padding:9px 13px;border-radius:12px;font-size:11px;color:#4e7775}
.map-price{position:absolute;border-radius:14px;background:#143e56;color:white;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:0 6px 13px #12353636}.map-price.one{top:95px;left:23%}.map-price.two{top:63px;right:14%}.map-price.three{top:165px;right:32%}
.explore-results{position:relative;z-index:1}.explore-results .deal{margin-bottom:12px;display:flex;min-height:120px;border-radius:21px;padding:8px;align-items:center;box-shadow:0 7px 20px #14312f16}.explore-results .deal-visual{width:39%;height:117px;border-radius:15px;flex-shrink:0}.explore-results .deal-body{padding:10px 12px;flex:1;min-width:0}.explore-results .deal-body h3{font-size:13px}.explore-results .deal-meta{font-size:10px}.explore-results .deal-footer{margin-top:10px;align-items:center;gap:8px}.explore-results .deal-price{font-size:16px}.explore-results .subtle-link{font-size:10px}
@media(max-width:720px){
.premium-logo{font-size:17px}.premium-logo img{width:37px;height:35px}
.mobile-brand{font-size:0}
.topbar{height:76px}.topbar .top-actions{gap:8px}
.splash-screen{padding:120px 28px 65px;background-position:52% center}.splash-top{top:75px;left:26px}
.splash-copy h1{font-size:37px}.splash-copy p{font-size:14px}
.splash-actions{flex-direction:column}.splash-actions .button{width:100%;text-align:center}
.splash-copy{text-align:center}.splash-dots{justify-content:center}
main{padding-top:18px}.premium-welcome{margin-bottom:18px}
.quick-tile{padding:12px 3px;font-size:10px}.quick-tile .glyph{width:38px;height:38px}
.stats{grid-template-columns:repeat(3,1fr);gap:8px}.stats .stat{padding:12px 9px}.stats .stat strong{font-size:18px}.stats .stat label{font-size:9px}.stats .stat span{font-size:9px}
.stats .stat:nth-child(4){display:none}.mobile-title{font-size:17px;margin:22px 0 12px}
.cards{gap:12px}.deal-visual{height:180px}.deal-body{padding:14px}
#app.splash-mode .topbar{display:none}
}