/* Gráfica Uchôa v227 · UX de relatórios: busca contínua, favoritos, tabelas e status */
#app .rep227-navigate{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 gap:12px 20px;width:100%;max-width:100%;min-width:0;
 margin-bottom:12px;padding:15px 17px;background:#fff;
 border:1px solid #dfe8f2;border-radius:12px;
 box-shadow:0 2px 9px rgba(22,58,94,.03);
}
#app .rep227-searchbar{flex:0 1 345px;min-width:230px;max-width:100%}
#app .rep227-searchbar label{
 display:block;margin-bottom:7px;color:#304e70;
 font:750 11.5px/1.3 Inter,"Segoe UI",Arial,sans-serif;
}
#app .rep227-searchbar small{
 display:block;margin-top:6px;color:#8290a2;
 font:400 10px/1.5 Inter,"Segoe UI",Arial,sans-serif;
}
#app .rep227-navigate .rep225-search{position:relative;width:100%;max-width:100%}
#app .rep227-navigate .rep225-search svg{
 position:absolute;top:12px;left:13px;color:#8797a9;pointer-events:none;
}
#app .rep227-navigate #rep223-search{
 display:block;width:100%!important;max-width:100%!important;
 height:42px!important;min-height:42px!important;
 padding:9px 13px 9px 40px!important;margin:0!important;
 color:#203e60;background:#fff!important;
 border:1px solid #ccdbea!important;border-radius:9px!important;
 font:500 12.5px Inter,"Segoe UI",Arial,sans-serif!important;
 box-shadow:none!important;
}
#app .rep227-favorites{display:grid;gap:9px;flex:1 1 350px;min-width:0}
#app .rep227-favorites>span{
 display:block;font:750 10px/1.25 Inter,"Segoe UI",Arial,sans-serif;
 color:#6d8199;letter-spacing:.07em;
}
#app .rep227-favorite-list{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#app .rep227-favorite{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:35px!important;padding:7px 11px!important;
 border:1px solid #d3e0ef!important;border-radius:8px!important;
 background:#f7fafd!important;color:#385f85!important;
 box-shadow:none!important;font:650 11px/1.35 Inter,"Segoe UI",Arial,sans-serif!important;
 white-space:normal!important;text-align:center!important;cursor:pointer!important;
}
#app .rep227-favorite:hover{border-color:#a9c5e6!important;background:#eaf3ff!important}
#app .rep227-favorite.is-current{
 background:#e6f0ff!important;color:#174d8c!important;
 border-color:#93b7e3!important;
}
#app .rep227-period-label{
 display:inline-flex;align-items:center;gap:6px;
 margin-top:10px;color:#55738f;
 font:650 11px/1.4 Inter,"Segoe UI",Arial,sans-serif;
}
#app .rep227-period-label::before{content:"";width:7px;height:7px;background:#6d99c4;border-radius:50%}
#app .rep227-feedback{
 font:600 12px/1.5 Inter,Arial,sans-serif;color:#9f4339;
 margin:10px 0;padding:0;min-height:0;
}
#app .rep227-feedback:empty{display:none!important}
#app .rep227-date-status{
 display:block;margin:8px 0 0;color:#aa6b24;
 font:600 11px/1.4 Inter,Arial,sans-serif;
}
#app .rep227-date-status:empty{display:none!important}
/* Table clarity: text at left, numbers at right, column headers remain visible while scrolling. */
#app .rep223-table-wrap{
 max-height:min(68vh,650px);
 overflow:auto!important;overscroll-behavior:contain;max-width:100%;
 border:1px solid #e0e8f2;border-radius:9px;
}
#app .rep223-table{width:100%;border-collapse:separate;border-spacing:0}
#app .rep223-table th{
 position:sticky;top:0;z-index:1;
 background:#edf3fa!important;color:#315674!important;
 border-bottom:1px solid #cbdbea;
 font-size:11px;line-height:1.4;white-space:normal!important;
}
#app .rep223-table tbody tr{transition:background .14s}
#app .rep223-table tbody tr:hover{background:#edf5ff!important}
#app .rep223-table .rep227-numeric{
 text-align:right!important;white-space:nowrap!important;
 font-variant-numeric:tabular-nums;
}
#app .rep223-table .rep227-key{font-weight:650;color:#244967}
#app .rep227-sort{
 display:inline-flex!important;justify-content:center!important;align-items:center!important;
 width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
 margin-left:5px!important;padding:0!important;vertical-align:middle!important;
 background:transparent!important;border:1px solid transparent!important;
 border-radius:5px!important;box-shadow:none!important;
 font:700 11px Inter,Arial,sans-serif!important;color:#537ca5!important;
 cursor:pointer!important;
}
#app .rep227-sort:hover,#app .rep227-sort:focus-visible{
 background:#dceaf9!important;border-color:#bed4ed!important;
}
#app .rep223-table thead th[aria-sort="ascending"],
#app .rep223-table thead th[aria-sort="descending"]{color:#154f91!important}
#app .rep226-picker .rep225-browser-top>strong{
 color:#355777;font:700 12px/1.4 Inter,Arial,sans-serif;
}
@media(max-width:900px){
 #app .rep227-searchbar{flex:1 1 100%}
 #app .rep227-favorites{flex:1 1 100%}
}
@media(max-width:520px){
 #app .rep227-navigate{padding:12px}
 #app .rep227-searchbar{min-width:0}
 #app .rep227-favorite{flex:1 1 auto}
 #app .rep223-table-wrap{max-height:60vh}
 #app .rep227-period-label{font-size:10.5px}
}
@media print{
 #app .rep227-navigate,#app .rep227-date-status{display:none!important}
 #app .rep223-table-wrap{max-height:none!important;overflow:visible!important}
 #app .rep223-table th{position:static}
 #app .rep227-sort{display:none!important}
}