/* Lô Top follows the supplied blue dashboard without changing other pages. */
body:has(.ranking-page) .site-shell{width:1448px;border:0;background:transparent}
.ranking-page{padding:20px 28px 18px;background:#e5ecf2;color:#0c1949}
.lotop-dashboard{min-width:0;padding:20px;background:linear-gradient(115deg,#fff,#fcfdff);border:1px solid #cbd8e4;border-radius:5px;font:16px/1.5 Arial,Helvetica,sans-serif}
.lotop-dashboard .seo-page-heading{margin:0 0 4px;color:#090d49;font-size:32px;line-height:1.3}
.lotop-dashboard .seo-intro{max-width:none;margin:4px 0 22px;color:#526a91;font-size:17px;line-height:1.6}
.lotop-filter{display:flex;align-items:center;flex-wrap:wrap;gap:12px 14px;margin:0 0 20px;padding:16px;background:linear-gradient(115deg,#f0f8ff,#edf5ff);border:1px solid #b7d2ff;border-radius:4px}
.lotop-filter>label{font-weight:bold;white-space:nowrap}
.lotop-date-field{position:relative;display:flex;width:178px;min-width:0;flex:none}
.lotop-date-field>input[type=text]{width:100%;min-width:0;height:46px;padding:8px 34px 8px 13px;border:1px solid #b5c7e0;border-radius:3px;box-shadow:inset 0 1px 2px #0000000b;font-size:17px}
.lotop-date-picker{position:absolute;right:7px;top:10px;width:26px;height:26px;padding:3px;background:none;border:0;color:#355278}
.lotop-date-picker:hover{background:#e6f0ff;color:#005de1}
.lotop-date-field>input.lotop-native-date{position:absolute;left:0;bottom:0;width:1px;height:1px;padding:0;opacity:0;pointer-events:none}
.lotop-view{height:46px;min-width:74px;padding:8px 18px;border-radius:3px;background:linear-gradient(#087bff,#0060f0);border:1px solid #0061e9;font-size:18px}
.lotop-day-links{display:flex;align-items:center;gap:14px;margin-left:9px;font-weight:bold;white-space:nowrap;color:#0066fa}
.lotop-day-links a{color:#0066fa}
.lotop-filter-status{display:flex;align-items:center;gap:14px;margin:0 0 0 auto;padding:12px;border:1px solid #ffcf8f;border-radius:4px;background:#fff6e7;color:#384b6d;font-size:15px}
.lotop-info-icon,.lotop-warning-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;background:#3578c1;color:#fff;font:bold 20px/1 Georgia,serif}
.lotop-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}
.lotop-metric{display:flex;align-items:center;gap:26px;min-width:0;min-height:106px;padding:15px 16px;border:1px solid #bad7ff;border-radius:4px;background:linear-gradient(110deg,#f0f8ff,#eef6ff)}
.lotop-metric-icon{display:flex;align-items:center;justify-content:center;flex:none;width:72px;height:72px;border-radius:50%;color:#0064d9;background:#b8d9ff}
.lotop-metric-icon svg{width:44px;height:44px}
.lotop-metric h2{font-size:18px;line-height:1.4;margin:0 0 8px;color:#0b184d}
.lotop-metric p{margin:0;color:#4e4a8a;font-size:17px}
.lotop-metric .lotop-count{font-size:32px;line-height:1.1;font-weight:bold;color:#e00900}
.lotop-data-card{border-color:#dccbff;background:linear-gradient(110deg,#f7f3ff,#f7f4ff)}
.lotop-data-card .lotop-metric-icon{background:#dec5ff;color:#7528c8}
.lotop-daily-numbers{margin:-8px 0 20px}
.lotop-ranking-card{min-width:0;padding:16px;border:1px solid #d1dce8;border-radius:4px;background:linear-gradient(110deg,#fff,#fdfdff)}
.lotop-ranking-card>h2{display:flex;align-items:center;gap:16px;margin:0 0 14px;color:#0a1048;font-size:24px;line-height:1.4}
.lotop-trophy{width:32px;height:32px;flex:none;color:#eeb600}
.lotop-type-tabs{display:flex;gap:0;max-width:240px;margin:0 0 10px;border-radius:4px;border:1px solid #dceaff;background:linear-gradient(#eff7ff,#e7f1ff);overflow:hidden}
.lotop-type-tabs a{flex:1;min-width:0;padding:10px 18px;text-align:center;font-size:17px;line-height:1.4;color:#0069f5}
.lotop-type-tabs a.active{color:#fff;background:linear-gradient(#087eff,#0064eb);border-radius:3px}
.lotop-ranking-card .rank-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;min-height:48px;padding:6px 8px;background:linear-gradient(#d3b100,#c8a600);border-radius:4px;font-size:16px}
.lotop-ranking-card .rank-tabs>b{justify-self:center;align-self:center;margin:0;padding:5px 15px;border-radius:3px;background:linear-gradient(#1ac900,#07b600);white-space:nowrap;box-shadow:0 1px 4px #99800040}
.lotop-ranking-card .rank-tabs a{display:block;min-width:0;padding:5px;text-align:center;font-weight:bold;border-radius:3px}
.lotop-ranking-card .rank-tabs a.active{background:linear-gradient(#fff1a6,#ffe487);color:#ad8d00}
.lotop-ranking-card .ranking-scroll{max-height:520px;overflow:auto;margin-top:8px;border:1px solid #c6ddff;border-radius:4px}
.lotop-ranking-card .ranking-table{font-size:16px;table-layout:fixed}
.lotop-ranking-card .ranking-table th{padding:8px;text-align:center;border-right:1px solid #edf6ff;background:linear-gradient(#d7eaff,#cae2ff);color:#142437}
.lotop-ranking-card .ranking-table th:first-child{width:5%}
.lotop-ranking-card .ranking-table th:nth-child(2){width:39%}
.lotop-ranking-card .ranking-table th:nth-child(3){width:30%}
.lotop-ranking-card .ranking-table th:nth-child(4){width:26%}
.lotop-ranking-card .ranking-table td{padding:10px 8px;text-align:center;background:#f6f9ff;border-bottom:1px solid #dde9fa;overflow-wrap:anywhere}
.lotop-ranking-card .ranking-table tr:last-child td{border-bottom:0}
.lotop-ranking-card .ranking-table .empty{height:92px;padding:20px;background:#fff;color:#647899;font-size:14px}
.lotop-scoring.notice{display:flex;align-items:center;gap:18px;margin:15px 0 22px;padding:16px 18px;border:1px solid #ffd16b;border-radius:4px;background:linear-gradient(110deg,#fff9e5,#fff8e4);color:#34445b;line-height:1.6}
.lotop-warning-icon{width:29px;height:29px;background:#e9ad00;font:bold 23px/1 Arial,sans-serif}
.lotop-scoring p{margin:0;font-size:15px}
.lotop-pick-link{margin:0 0 6px;color:#006aff;font-size:18px;font-weight:bold}
.lotop-pick-link a{color:inherit}
@media(max-width:1250px){
 .lotop-filter{gap:12px}
 .lotop-filter-status{flex-basis:100%;margin-left:0}
 .lotop-dashboard .seo-page-heading{font-size:29px}
}
@media(max-width:800px){
 .ranking-page{padding:14px}
 .lotop-dashboard{padding:16px}
 .lotop-dashboard .seo-intro{font-size:15px}
 .lotop-filter{padding:12px}
 .lotop-filter>label{flex-basis:100%}
 .lotop-day-links{margin-left:0}
 .lotop-metric{gap:14px;padding:14px}
 .lotop-metric-icon{width:58px;height:58px}
 .lotop-metric-icon svg{width:36px;height:36px}
 .lotop-metric h2{font-size:16px}
 .lotop-metric p{font-size:15px}
 .lotop-ranking-card>h2{font-size:21px;gap:12px}
 .lotop-ranking-card .rank-tabs{gap:5px;font-size:14px}
 .lotop-ranking-card .rank-tabs>b{padding:5px 8px}
 .lotop-ranking-card .ranking-table{font-size:14px}
 .lotop-scoring.notice{gap:12px;padding:13px}
}
@media(max-width:540px){
 .ranking-page{padding:10px 7px 14px}
 .lotop-dashboard{padding:12px 10px;font-size:14px}
 .lotop-dashboard .seo-page-heading{font-size:24px;line-height:1.35}
 .lotop-dashboard .seo-intro{font-size:14px;margin-bottom:16px}
 .lotop-filter{gap:12px 10px;margin-bottom:14px}
 .lotop-date-field{flex:1;width:auto;min-width:140px}
 .lotop-date-field>input[type=text]{font-size:16px}
 .lotop-view{min-width:65px;font-size:16px}
 .lotop-day-links{flex-basis:100%;gap:12px}
 .lotop-filter-status{gap:10px;padding:10px;font-size:14px}
 .lotop-summary{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:18px}
 .lotop-metric{min-height:94px;gap:18px}
 .lotop-metric .lotop-count{font-size:29px}
 .lotop-ranking-card{padding:12px 8px}
 .lotop-ranking-card>h2{font-size:19px;gap:10px}
 .lotop-trophy{width:27px;height:27px}
 .lotop-type-tabs{max-width:225px}
 .lotop-type-tabs a{font-size:16px;padding:10px 14px}
 .lotop-ranking-card .rank-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px;font-size:13px}
 .lotop-ranking-card .rank-tabs>b{width:100%;text-align:center;padding:5px 2px}
 .lotop-ranking-card .rank-tabs a{padding:5px 2px}
 .lotop-ranking-card .ranking-table{font-size:13px}
 .lotop-ranking-card .ranking-table th{padding:9px 3px}
 .lotop-ranking-card .ranking-table th:first-child{width:9%}
 .lotop-ranking-card .ranking-table th:nth-child(2){width:43%}
 .lotop-ranking-card .ranking-table th:nth-child(3){width:23%}
 .lotop-ranking-card .ranking-table th:nth-child(4){width:25%}
 .lotop-ranking-card .ranking-table td{padding:10px 4px}
 .lotop-ranking-card .ranking-table .empty{font-size:13px;padding:18px 8px}
 .lotop-scoring.notice{align-items:flex-start;padding:12px 10px;gap:10px;margin-bottom:18px}
 .lotop-warning-icon{width:24px;height:24px;font-size:20px}
 .lotop-scoring p{font-size:13px}
 .lotop-pick-link{font-size:15px}
}
@media print{
 .ranking-page{padding:0;background:#fff}
 .lotop-dashboard{border:0;padding:0}
 .lotop-date-picker,.lotop-native-date,.lotop-view,.lotop-day-links,.lotop-pick-link{display:none}
 .lotop-ranking-card .ranking-scroll{max-height:none;overflow:visible}
}