*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:#000;font-family:Arial,Helvetica,sans-serif}
#app{width:100%;overflow:auto;background:#fff}
.status{position:fixed;top:8px;right:8px;background:#003ccb;color:#fff;font-size:12px;font-weight:700;padding:7px 10px;border-radius:8px;z-index:20;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.status.ok{background:#0b8a28}.status.err{background:#d40000}
.report{width:1302px;margin:0 auto;background:#fff;padding:0 0 8px 0;font-family:Arial,Helvetica,sans-serif;color:#000}
table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:fixed}
th,td{border:1.3px solid #000;padding:3px 6px;line-height:1.12;font-size:14px;font-weight:700;color:#000;text-align:right;vertical-align:middle;white-space:nowrap;background:#fff}
th{background:#eef4fb;text-align:center;font-weight:900;font-size:15px}
.left{text-align:left}.center{text-align:center}.bold{font-weight:1000}
.blue{color:#004fc4!important;font-weight:1000}.red{color:#c00000!important;font-weight:1000}
.total td,.total th{background:#eef4fb;font-weight:1000}
.blank{border:0!important;background:#fff!important}
.top-note{font-size:16px;font-weight:900;margin:0 0 -1px 0;padding-left:2px}

/* Top buyers */
.buyers th,.buyers td{font-size:14px;padding:3px 6px}
.buyers .buyer-col{width:108px}
.buyers .w1{width:96px}.buyers .w-total{width:112px}

/* Middle area */
.middle{display:grid;grid-template-columns:315px 528px 337px;gap:12px;align-items:start;margin:14px 0 8px 0}
.result-box{height:90px;background:#dfeaf8;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:1000}
.result-box span{font-size:21px;letter-spacing:.4px}
.result-box strong{font-size:38px;line-height:1;margin-top:8px}
.real-day{margin-bottom:16px}
.real-day th{text-align:left;font-size:15px}.real-day td{font-size:15px}
.buyers-daily th,.buyers-daily td{font-size:14px;padding:3px 7px}
.diff th,.diff td{font-size:14px}

/* Month band */
.month-band{height:84px;border:2px solid #000;display:grid;grid-template-columns:150px 1fr 150px;align-items:center;margin:8px 0 0}
.logo-box{height:100%;display:flex;align-items:center;justify-content:center;border-right:1.3px solid #000;background:#fff}
.logo-box:last-child{border-right:0;border-left:1.3px solid #000}
.logo-box img{max-width:138px;max-height:80px;display:block}
.month-title{text-align:center;font-size:45px;letter-spacing:10px;color:#004fc4;font-family:Georgia,'Times New Roman',serif;font-weight:900;line-height:1}

/* Business */
.business th,.business td{font-size:20px;padding:3px 7px}
.business th{font-size:22px}
.business td:nth-child(1),.business td:nth-child(2){text-align:left;font-weight:700}
.business td:nth-child(5),.business td:nth-child(6){font-weight:1000}
.business .c-neg{width:235px}.business .c-gest{width:135px}.business .c-meta{width:160px}.business .c-acum{width:160px}.business .c-real{width:160px}.business .c-perc{width:120px}.business .c-dia{width:95px}
.commercial-total{margin-top:30px}
.commercial-total td{font-size:20px;font-weight:1000;padding:3px 7px}
.commercial-total td:nth-child(1),.commercial-total td:nth-child(2){text-align:left}
.note-row{display:grid;grid-template-columns:1fr 190px 1fr;align-items:center;margin-top:4px;font-size:16px;font-weight:1000}
.note-row .obs{color:#d50000;text-align:left;padding-left:8px}
.note-row em{color:#003ccb;text-align:center}
.note-row strong{color:#003ccb;text-align:left}

/* Error fallback */
.message{font-size:18px;font-weight:800;padding:30px;border:2px solid #000;margin:20px}
@media(max-width:900px){.report{margin-left:0;margin-right:0}.status{position:sticky;display:inline-block;margin:6px}}