.fri-site{background:#f5f5f5;color:#20242a;font-family:Arial,Helvetica,sans-serif;line-height:1.5}.fri-site *{box-sizing:border-box}.fri-wrap{width:min(1100px,94%);margin:auto}.fri-topline{background:#1f2429;color:#fff;text-align:center;padding:7px;font-weight:700}.fri-header{background:#fff;border-bottom:1px solid #ddd;padding:24px 0;text-align:center}.fri-header h1{margin:0 0 8px;font-size:32px;color:#a82017}.fri-header p{margin:0;color:#555}.fri-banner{background:linear-gradient(135deg,#11151a,#075f5b);color:#fff;text-align:center;border-radius:14px;margin:22px 0;padding:25px 14px}.fri-banner h2{color:#ffe600;margin:0 0 8px;font-size:34px}.fri-banner p{margin:0;font-size:20px}.fri-notice{margin:18px 0;background:#fff6d8;border-left:5px solid #e1a800;padding:14px 16px;border-radius:8px}.fri-date{background:#c81010;color:#fff;text-align:center;border-radius:12px 12px 0 0;padding:14px;margin-top:18px}.fri-date strong,.fri-date span{display:block}.fri-date strong{font-size:28px}.fri-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:#fff;padding:16px}.fri-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:18px;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.05)}.fri-card h3{margin:0 0 10px}.fri-result{font-size:42px;font-weight:800;color:#b40000;background:#fff1f1;border-radius:10px;padding:12px}.fri-card p{margin-bottom:0;color:#666}.fri-panel{background:#fff;margin:24px 0;padding:20px;border-radius:12px;border:1px solid #e2e2e2}.fri-table-wrap{overflow:auto}.fri-panel table{width:100%;border-collapse:collapse;min-width:760px}.fri-panel th,.fri-panel td{border:1px solid #ddd;padding:12px;text-align:center}.fri-panel th{background:#c81010;color:#fff}.fri-contact{text-align:center}.fri-wa{display:inline-block;background:#1fad5a;color:#fff!important;text-decoration:none;padding:13px 20px;border-radius:8px;font-weight:700}.fri-wa-float{position:fixed;right:22px;bottom:24px;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#18b85a;color:#fff!important;text-decoration:none;font-size:34px;box-shadow:0 5px 16px rgba(0,0,0,.28);z-index:9999}.fri-footer{background:#20242a;color:#fff;text-align:center;padding:20px;margin-top:30px}@media(max-width:800px){.fri-grid{grid-template-columns:repeat(2,1fr)}.fri-header h1{font-size:26px}.fri-banner h2{font-size:28px}}@media(max-width:520px){.fri-grid{grid-template-columns:1fr;padding:10px}.fri-result{font-size:40px}.fri-banner p{font-size:17px}.fri-date strong{font-size:25px}}

/* V5: calendar/search chart controls */
.fri-chart-tools{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin:14px 0;padding:12px;background:#f7f8fa;border:1px solid #e1e4e8;border-radius:10px}.fri-chart-tools label{display:block;font-weight:700;font-size:14px}.fri-chart-tools input{display:block;width:100%;min-height:44px;margin-top:5px;padding:9px 10px;border:1px solid #aaa;border-radius:7px;background:#fff}.fri-chart-tools button{min-height:44px;padding:9px 14px;border:0;border-radius:7px;background:#20242a;color:#fff;font-weight:700}.fri-chart-count{font-size:14px;color:#555;margin:8px 0}.fri-wa-float{position:fixed!important;right:18px!important;bottom:18px!important;width:58px!important;height:58px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#1fad5a!important;color:#fff!important;text-decoration:none!important;font-size:30px!important;z-index:9999!important;box-shadow:0 5px 18px rgba(0,0,0,.25)!important}@media(max-width:650px){.fri-chart-tools{grid-template-columns:1fr}.fri-chart-tools button{width:100%}}

.fri-monthly-history{margin-top:24px}.fri-month-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px}.fri-month-btn{white-space:nowrap;border:1px solid #1677d2;background:#fff;padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer}.fri-month-btn.active{background:#1677d2;color:#fff}.fri-month-table{display:none}.fri-month-table.active{display:block}.fri-month-table h3{text-align:center;margin:8px 0 12px}.fri-month-table table{width:100%;border-collapse:collapse}.fri-month-table th,.fri-month-table td{border:1px solid #ccc;padding:9px 5px;text-align:center}.fri-month-table th{background:#ffc400;color:#111}.fri-month-table td:first-child{color:#d71920;font-weight:700}@media(max-width:600px){.fri-month-table th,.fri-month-table td{font-size:14px;padding:8px 3px}}

/* V7: latest month first + date/month/year old-result search */
.fri-history-help{margin:-4px 0 14px;color:#555}.fri-old-result-search{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr)) auto auto;gap:10px;align-items:end;background:#f7f8fa;border:1px solid #e1e4e8;border-radius:10px;padding:12px;margin-bottom:8px}.fri-old-result-search label{font-size:14px;font-weight:700}.fri-old-result-search select{display:block;width:100%;min-height:44px;margin-top:5px;padding:8px;border:1px solid #aaa;border-radius:7px;background:#fff}.fri-old-result-search button{min-height:44px;padding:9px 13px;border:0;border-radius:7px;font-weight:700;cursor:pointer}.fri-old-result-submit{background:#1677d2;color:#fff}.fri-old-result-reset{background:#20242a;color:#fff}.fri-old-result-message{min-height:24px;font-weight:700;color:#1677d2}.fri-month-list{display:grid;gap:12px}.fri-month-card{border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff}.fri-month-heading{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:#f2f5f8;padding:14px 16px;font-size:18px;font-weight:800;text-align:left;cursor:pointer}.fri-month-card:first-child .fri-month-heading{background:#1677d2;color:#fff}.fri-month-arrow{font-size:24px;transition:transform .2s}.fri-month-card.active .fri-month-arrow{transform:rotate(180deg)}.fri-month-card .fri-month-table{display:none;padding:12px}.fri-month-card.active .fri-month-table{display:block}.fri-month-card .fri-month-table table{min-width:650px}@media(max-width:800px){.fri-old-result-search{grid-template-columns:1fr 1fr 1fr}.fri-old-result-search button{grid-column:span 3}}@media(max-width:520px){.fri-old-result-search{grid-template-columns:1fr}.fri-old-result-search button{grid-column:auto}.fri-month-heading{font-size:16px;padding:12px}}


/* V8: red DATE column, black results, full-width month strip */
.fri-month-card .fri-month-heading,
.fri-month-card:first-child .fri-month-heading{width:100%;justify-content:center;position:relative;background:#2fc79f;color:#fff;border-radius:0;text-align:center;font-size:20px;font-weight:800;padding:13px 46px}
.fri-month-card .fri-month-heading .fri-month-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%)}
.fri-month-card.active .fri-month-heading .fri-month-arrow{transform:translateY(-50%) rotate(180deg)}
.fri-month-card .fri-month-table th{background:#ffc400;color:#111;font-weight:800}
.fri-month-card .fri-month-table th:first-child{color:#d71920}
.fri-month-card .fri-month-table td{color:#111!important;font-weight:600}
.fri-month-card .fri-month-table td:first-child{color:#d71920!important;font-weight:800}
@media(max-width:520px){.fri-month-card .fri-month-heading,.fri-month-card:first-child .fri-month-heading{font-size:18px;padding:12px 42px}}


/* V9: mobile-fit history table — no sideways scrolling */
.fri-month-card .fri-month-table{padding:8px!important}
.fri-month-card .fri-month-table .fri-table-wrap{overflow-x:visible!important;width:100%!important;max-width:100%!important}
.fri-month-card .fri-month-table table{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
.fri-month-card .fri-month-table th,
.fri-month-card .fri-month-table td{
  width:20%!important;
  min-width:0!important;
  padding:9px 2px!important;
  font-size:14px!important;
  line-height:1.15!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
@media(max-width:520px){
  .fri-wrap{width:100%!important;padding-left:4px!important;padding-right:4px!important}
  .fri-panel.fri-monthly-history{margin-left:0!important;margin-right:0!important;padding:8px!important;border-radius:6px!important}
  .fri-month-card .fri-month-table{padding:4px!important}
  .fri-month-card .fri-month-table th,
  .fri-month-card .fri-month-table td{font-size:12px!important;padding:8px 1px!important}
  .fri-month-card .fri-month-heading,
  .fri-month-card:first-child .fri-month-heading{font-size:17px!important;padding:11px 38px!important}
}
@media(max-width:380px){
  .fri-month-card .fri-month-table th,
  .fri-month-card .fri-month-table td{font-size:11px!important;padding:7px 0!important}
}