/* MARKET DATA PAGE */
#api-stats { color: #1c2733; }
#api-stats h1 { font-size: 48px; margin: 30px 0 0; color: var(--dark); }
#api-stats .tagline { font-size: 24px; font-weight: 500; color: #5b6b7b; margin: 10px 0 30px; }
#api-stats .meta { font-size: 13px; color: #5b6b7b; margin-left: 5px; }
#api-stats .meta a { color: #1f4e79; }
#api-stats .meta-table { margin: -20px 0 30px 5px!important; }
#api-stats .topbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 20px 0; padding: 30px; background-color: var(--light); border-radius: 20px; }
#api-stats select { font-size: 15px; padding: 7px 20px; border: 1px solid #c6cfd8; border-radius: 16px; background: #fff; }
#api-stats .period { margin-left: auto; text-align: right; }
#api-stats .period .p1 { font-size: 22px; font-weight: 800; color: #14304a; }
#api-stats .period .p2 { font-size: 11.5px; color: #2c547b; }
#api-stats .histnote { display: none; margin: 10px 0; padding: 8px 12px; font-size: 12.5px; color: #8a5b00; background: #fff7e6; border: 1px solid #f0dfb6; border-radius: 8px; }
#api-stats section.sales, #api-stats section.rentals { padding: 50px 0; }
#api-stats .sechead { margin-bottom: 30px; text-align: center; }
#api-stats .sechead h2 { font-size: 30px; margin: 0; }
#api-stats section.sales h2 { color: #1f4e79; }
#api-stats section.rentals h2 { color: #bb9b00; }
#api-stats .sechead .src { font-size: 14.5px; color: #5b6b7b; }
#api-stats .cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 40px; }
#api-stats .card { background: #f8fafc; border: 1px solid #e3e8ee; border-radius: 10px; padding: 11px 13px; }
#api-stats .card .k { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #5b6b7b; }
#api-stats .card .v { font-size: 24px; font-weight: 750; margin: 3px 0 0 10px; }
#api-stats .card .d { font-size: 13px; margin: 4px 0 0 0; color: #5b6b7b; }
#api-stats .up { color: #167a3d; font-weight: 600; }
#api-stats .down { color: #b3261e; font-weight: 600; }
#api-stats .flat { color: #5b6b7b; }
#api-stats h3.sub { font-size: 16px; color: #41526b; margin: 16px 0 8px 18px; }
#api-stats table { width: 100%; border-collapse: collapse; font-size: 13px; }
#api-stats th, #api-stats td { text-align: right; padding: 7px 9px; border-bottom: 1px solid #eef1f5; white-space: nowrap; }
#api-stats th:first-child, #api-stats td:first-child { text-align: left; }
#api-stats th { color: #fff; font-size: 13px; }
#api-stats .sales th { background: var(--primary); }
#api-stats .rentals th { background: #bb9b00; }
#api-stats tr:last-child td { border-bottom: none; }
#api-stats .tablewrap { overflow-x: auto; border: 1px solid #e3e8ee; border-radius: 10px; margin-bottom: 35px; }
#api-stats .charts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 14px; }
#api-stats .chartbox { background: #f8fafc; border: 1px solid #e3e8ee; border-radius: 10px; padding: 10px 12px; min-width: 0; max-width: 100%; }
#api-stats .chartbox h4 { font-size: 12px; margin: 0 0 6px; color: #41526b; }
#api-stats .chartbox .inner { height: 180px; position: relative; }
#api-stats .warn { color: #8a5b00; background: #fff7e6; border: 1px solid #f0dfb6; border-radius: 8px; padding: 8px 12px; font-size: 12.5px; }
#api-stats .note { font-size: 11.5px; color: #5b6b7b; margin-top: 16px; line-height: 1.5; }
#api-stats .api-stats-hidden { display: none; }
@media (max-width: 991px) { 
        #api-stats .charts { grid-template-columns: 1fr; } 
        #api-stats .cards { grid-template-columns: repeat(2, 1fr); } 
        #api-stats .topbar div { margin: 0 auto; padding: 0; } 
        #api-stats .period { margin: 25px auto 0!important; text-align: center; } 
}
@media (max-width: 767px) { 
        #api-stats .cards { grid-template-columns: 1fr; } 
}


/* PM API SNIPPET */
#api-stats.snippet { padding: 100px;}
#api-stats.snippet .topbar {display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin: 0px;padding: 0px;background-color: revert!important;border-radius: 0;transform: translateY(80%);position: relative;justify-content: center;}
#api-stats.snippet .sechead {margin-bottom: 30px;text-align: center;transform: translateY(-100%);}
#api-stats.snippet section {padding: 0;}

#api-stats.snippet #rentbody .charts,
#api-stats.snippet #rentbody .sub,
#api-stats.snippet #rentbody .tablewrap,
#api-stats.snippet #rentbody > .meta {
  display: none;
}