/* NowLoan compact mobile v2.0 — existing CSS retained; no changes to admin/finance system. */
:root { --radius:17px; --shadow:0 7px 24px rgba(22,51,85,.045); }
.shell {max-width:430px; overflow-x:clip;}
.shell .main {padding:15px 16px calc(90px + env(safe-area-inset-bottom)); min-height:calc(100svh - 75px);}
.shell .top {height:62px;min-height:62px; padding:8px 16px; }
.shell .logo-mini {font-size:19px;}
.shell .top .logo-mini img {width:36px;height:36px;}
.shell .top-right {gap:8px;}
.shell .circle-btn {width:42px;height:42px;min-width:42px;min-height:42px;border-radius:14px;display:grid;place-items:center;}
.brand-teal {color:#00a995;}
.ui-icon {display:inline-block;vertical-align:middle;flex:none;}
.shell .page-title {display:flex;align-items:center;gap:11px;margin:3px 0 19px;min-height:44px;}
.shell .page-title h1 {font-size:19px;font-weight:800;letter-spacing:-.55px;line-height:1.2;margin:0;}
.shell .page-title .back {width:44px;height:44px;min-width:44px;display:grid;place-items:center;border-radius:13px;font-size:initial;}
.shell h1 {font-size:23px;}
.shell h2 {font-size:18px;}
.shell h3 {font-size:15px;}
.shell p {line-height:1.48;}
.shell .hero {padding:20px 20px 21px;border-radius:23px;min-height:0;margin:0;}
.shell .hero h1 {font-size:26px;line-height:1.12;margin:8px 0;}
.shell .hero p {font-size:12.5px;line-height:1.55;margin-bottom:13px;max-width:300px;}
.shell .hero-token {height:41px;width:41px;border-radius:14px;}
.shell .hero .btn {min-height:43px;padding:10px 14px;font-size:12px;}
.shell .section {margin-top:19px;}
.shell .section-head {margin-bottom:11px;}
.shell .section-head h2 {font-size:17px;}
.shell .card {padding:16px;border-radius:18px;}
.shell .card h2 {margin-bottom:8px;}
.shell .card h3 {margin-bottom:9px;}
.shell .compact-heading {font-size:20px;margin:10px 0 6px;}
.shell .stack {gap:10px;}
.shell .form-row {margin-bottom:12px;}
.shell input,.shell select,.shell textarea {min-height:46px;border-radius:12px;padding:10px 12px;font-size:13px;max-width:100%;}
.shell input[type=range] {min-height:24px;}
.shell input[type=checkbox] {min-height:20px;width:20px;padding:0;}
.shell textarea {min-height:78px;}
.shell label {font-size:12px;margin-bottom:6px;}
.shell .btn {min-height:46px;border-radius:12px;font-size:12.5px;padding:10px 14px;}
.shell .btn-sm {min-height:40px;font-size:12px;padding:8px 12px;}
.shell .list-card {padding:11px 12px;min-height:66px;border-radius:15px;gap:10px;}
.shell .list-icon {width:38px;height:38px;min-width:38px;border-radius:12px;}
.shell .list-card strong {font-size:12.7px;}
.shell .list-card .muted {font-size:11.2px;line-height:1.35;}
.shell .list-card svg {max-width:24px;}
.shell .full-row {width:100%;text-align:left;}
.shell .account-banner {padding:13px 14px;border-radius:16px;gap:12px;}
.shell .avatar {height:44px;width:44px;border-radius:13px;}
.shell .account-list {gap:9px;}
.shell .account-list .list-card {min-height:69px;}
.shell .amount {font-size:25px;}
.shell .stat-amount {font-size:21px;}
.shell .calc-total {padding:12px 13px;margin:12px 0;border-radius:13px;}
.shell .muted-divider {margin:11px 0;}
.shell .empty {padding:24px 15px;border-radius:17px;}
.shell .empty .symbol {display:flex;justify-content:center;color:#0d62b5;}
.shell .empty h3 {margin:11px 0 7px;}
.shell .empty p {line-height:1.5;}
.shell .foot-note {font-size:10.5px;margin-top:13px;}
.shell .footer-links {padding:16px 0 2px;}
.shell .stat-grid {gap:9px;}
.shell .compact-benefit {display:flex;align-items:start;flex-direction:column;gap:6px;}
.shell .compact-benefit svg {color:#1765c2;}
.shell .compact-benefit strong {font-size:12px;}
.shell .compact-benefit p {margin:0;}
.shell .install-tip {gap:10px;padding:11px;border-radius:14px;margin-top:18px;}
.shell .test-ribbon {display:flex;align-items:center;gap:8px;background:#fff7e9;color:#785219;border-radius:12px;padding:9px 11px;margin:12px 0 0;font-size:11px;font-weight:750;line-height:1.45;}
.shell .product-actions {margin-top:11px;}
.shell .bottom {height:calc(63px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);}
.shell .bottom .nav-item {font-size:10px;min-width:0;gap:3px;padding-top:8px;}
.shell .bottom .nav-icon {height:25px;display:grid;place-items:center;}
.shell .bottom .nav-item svg {width:21px;height:21px;}
.shell .bottom .nav-item.active svg {stroke:#1667c4;}
.shell .review-data {padding:11px 12px;}
.shell .review-data div {font-size:11.5px;}
.shell .hint {padding:10px;font-size:11.5px;}
.shell .tag {font-size:10px;padding:5px 8px;}
.shell .timeline {padding:9px 0;}
.shell .install-tip svg {color:#087c6d;}
.shell .is-inner {background:#fff;}
/* Existing desktop admin retains its full-width grid; only SVG nav alignment is changed. */
.admin-nav {display:flex;align-items:center;gap:8px;}
.admin-nav .ui-icon {width:17px;height:17px;}
@media (max-width:360px){.shell .main{padding:13px 13px calc(89px + env(safe-area-inset-bottom));}.shell .hero{padding:17px}.shell .card{padding:13px}.shell .page-title h1{font-size:17px}.shell .bottom .nav-item{font-size:9px;}}
@media (min-width:680px){.shell .main{padding-bottom:115px}}