/* The existing layout and styles are the baseline. Only clarity is changed. */
.clarity{--bg:#eef3f4;--surface:#fff;--ink:#22383e;--muted:#596d74;--line:#ced9dc;--pale:#e6f1ed}
.clarity body{font-size:14px}
.clarity .sidebar,.clarity .topbar{border-color:#ced9dc}
.clarity .nav-item{font-size:15px;color:#496069;font-weight:500}
.clarity .nav-item.active{color:#173d42;background:#dfede7;font-weight:650}
.clarity .nav-item:hover{background:#edf3f0;color:#173d42}
.clarity .icon{stroke-width:1.8}
.clarity .side-section{font-size:12px;color:#60747c;letter-spacing:.4px}
.clarity .brand small,.clarity .brand-foot{color:#657d82}
.clarity .breadcrumb,.clarity .global-search{font-size:13px;color:#596f77}
.clarity .top-asset>span{font-size:11px;color:#596f77}
.clarity .top-asset b{color:#21464c;font-weight:600}
.clarity .top-asset.eggs b{color:#81642d}
.clarity .top-avatar{color:#38554e;border-color:#bacdc5;background:#eef3ef}
.clarity .home-welcome p,.clarity .page-heading p{font-size:13px;color:#596d74}
.clarity .home-hero{border-color:#c4d8d7;background:linear-gradient(110deg,#e9f2ed 0%,#edf4f2 42%,#e0eff3 100%)}
.clarity .hero-content p{font-size:13px;color:#526f67}
.clarity .hero-content .eyebrow{color:#397f7a}
.clarity .hero-content .quiet{color:#4b756b;font-size:12px}
.clarity .hero-coordinate{color:#61868a}
.clarity .quick-card,.clarity .panel{border-color:#cbd7db;box-shadow:0 2px 5px #233e4405,0 8px 24px #233e4403}
.clarity .quick-card:hover{border-color:#8fb2ad;box-shadow:0 5px 18px #284e4910}
.clarity .quick-card h3{font-size:15px;font-weight:600}
.clarity .quick-card p{font-size:13px;color:#596d74;line-height:1.65}
.clarity .quick-card>.icon{color:#6c858d}
.clarity .section-head h2{font-size:16px}
.clarity .btn{border-color:#bdcdd0;font-size:13px}
.clarity .btn.dark{border-color:var(--dark)}
.clarity .btn:hover{border-color:#86a9a4}
.clarity .btn.dark:hover{border-color:#245459}
.clarity input,.clarity select,.clarity textarea{font-size:14px;background:#fff;border:1px solid #809598;line-height:1.65;color:#22383e;caret-color:#247d7b;box-shadow:0 1px 2px #213b4203}
.clarity input:hover,.clarity select:hover,.clarity textarea:hover{border-color:#557d80}
.clarity input:focus,.clarity select:focus,.clarity textarea:focus{outline:none;border-color:#247d7b;box-shadow:0 0 0 3px #247d7b18}
.clarity input::placeholder,.clarity textarea::placeholder{color:#647b83;opacity:1}
.clarity .form-stack>label,.clarity .live-studio label{font-size:13px;color:#3d565e;font-weight:600}
.clarity .form-note,.clarity .tiny{font-size:12px;color:#596d74}
.clarity .side-help p{font-size:12px;color:#60766d}
.clarity .side-help{background:#f2f7f4;border-color:#cadbd1}
.clarity .pill{font-size:12px;font-weight:500}
.clarity .pill.green{color:#256147;background:#e7f1e9}
.clarity .pill.amber{color:#76561e;background:#f7efdf}


.clarity .form-note,.clarity .notice{line-height:1.7}
.clarity th{color:#506871;font-size:12px}.clarity td{font-size:13px}.clarity td small{font-size:12px;color:#596d74}
.clarity .table-foot,.clarity .pagination{font-size:12px;color:#596d74}
.clarity .text-link,.clarity .tab{font-size:13px}
.clarity .panel-title h2,.clarity .tracker-heading h2{color:#22383e}
.clarity .tracker-summary,.clarity .tracker-card small{color:#596d74}
.route-placeholder{padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-height:210px}
.route-placeholder-line{display:block;width:36%;height:13px;background:#e2ebe9;border-radius:5px;margin:12px 0 24px}
.route-placeholder-line:nth-child(2){width:68%}.route-placeholder p{font-size:13px;color:var(--muted)}
@media(max-width:960px) and (min-width:721px){.clarity .side-section{font-size:0}}
@media(max-width:720px){.clarity .side-section{font-size:12px}.clarity .quick-card p{font-size:12px}.clarity .quick-card h3{font-size:14px}.clarity input,.clarity select,.clarity textarea{font-size:16px}.clarity .top-asset>span{font-size:10px}.clarity .wallet-actions .btn{font-size:11px}.clarity .btn{min-height:38px}.clarity .form-note{font-size:12px}}