/* Gestão da Gráfica Uchôa · v225 · Central de Relatórios
   Visual claro e executivo. Navegação por área + lista compacta + resultado ao lado.
   Não altera layout de outras páginas. */
body.gg207-standard main .rep223-title{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;flex-wrap:wrap!important;
  padding:0 1px 15px!important;margin:0 0 17px!important;min-height:0!important;
  background:transparent!important;background-image:none!important;color:#17385d!important;
  border:0!important;border-bottom:1px solid #e0e7f0!important;border-radius:0!important;
  box-shadow:none!important;
}
body.gg207-standard main .rep223-title h1{
  margin:6px 0 4px!important;color:#183957!important;
  font:750 clamp(25px,2.8vw,30px)/1.2 Inter,"Segoe UI",Arial,sans-serif!important;
}
body.gg207-standard main .rep223-title small{
  color:#5e7a98!important;font:750 10px/1.5 Inter,Arial,sans-serif!important;letter-spacing:.09em;
}
body.gg207-standard main .rep223-title p{
  margin:0!important;color:#72849a!important;font:400 12px/1.5 Inter,Arial,sans-serif!important;
}
body.gg207-standard main .rep223-title .rep223-guide{
  display:inline-flex;align-items:center;padding:7px 11px;
  color:#4e6986!important;background:#f4f7fc!important;
  border:1px solid #dce5ef!important;border-radius:8px!important;
  font:600 11px Inter,Arial,sans-serif!important;
}
body.gg207-standard main #alert:empty{display:none!important}
body.gg207-standard main #app.rep223-app{
  display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
}
#app.rep223-app,#app.rep223-app *{box-sizing:border-box}
#app.rep223-app [hidden]{display:none!important}
#app .rep225-command{
  border:1px solid #e0e8f1;border-radius:13px;background:#fff;
  padding:17px 19px 15px;margin-bottom:12px;
  box-shadow:0 2px 12px rgba(30,62,98,.035);
}
#app .rep225-command-head{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px;
}
#app .rep225-command-head>div{display:flex;flex-direction:column;gap:5px;min-width:0}
#app .rep225-command-head strong{color:#193b60;font:750 16px/1.3 Inter,Arial,sans-serif}
#app .rep225-command-head span{color:#72839a;font:400 11.5px/1.5 Inter,Arial,sans-serif}
#app .rep225-record-link{
  display:inline-flex;gap:7px;align-items:center;justify-content:center;
  color:#245e9b;background:#f0f5fc;border:1px solid #d2e0f0;border-radius:8px;
  font:700 11.5px/1.3 Inter,Arial,sans-serif;text-decoration:none;min-height:35px;padding:7px 11px;
}
#app .rep225-record-link svg{flex-shrink:0}
#app .rep225-record-link:hover{background:#e2efff}
#app .rep225-dates{display:flex;align-items:end;flex-wrap:wrap;gap:8px}
#app .rep225-dates label{
  display:grid;gap:5px;min-width:0;font:650 10.5px/1.4 Inter,Arial,sans-serif;color:#546d86;
}
#app .rep225-dates input{
  width:143px;max-width:100%;min-height:36px;height:36px;padding:7px 10px;
  background:#fff;color:#233f60;border:1px solid #d2dfeb;border-radius:8px;
  font:500 12px/1.4 Inter,Arial,sans-serif;box-shadow:none;
}
#app .rep225-dates button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px!important;height:36px!important;padding:7px 12px!important;
  border:1px solid #d5e1ee!important;border-radius:8px!important;
  font:650 11.5px Inter,Arial,sans-serif!important;
  box-shadow:none!important;white-space:nowrap!important;
  background:#f7f9fd!important;color:#406389!important;cursor:pointer;
}
#app .rep225-dates .rep225-apply{
  background:#1959a1!important;color:#fff!important;border-color:#1959a1!important;
}
#app .rep225-shortcuts{
  display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-left:auto;
  padding-left:8px;border-left:1px solid #e7edf4;
}
#app .rep225-shortcuts button{border:0!important;background:transparent!important;color:#5d7590!important;padding:7px 9px!important}
#app .rep225-shortcuts button:hover{background:#eff5fd!important;color:#195c9e!important}
#app .rep225-tabs{
  display:flex;align-items:center;gap:3px;overflow-x:auto;overflow-y:hidden;
  border-bottom:1px solid #dce5ef;padding:0 1px 0;margin-bottom:12px;scrollbar-width:thin;
}
#app .rep225-tabs button{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  flex:0 0 auto;min-height:42px!important;padding:11px 14px!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  border-bottom:3px solid transparent!important;color:#718199!important;
  font:700 12px/1.2 Inter,Arial,sans-serif!important;box-shadow:none!important;cursor:pointer;
}
#app .rep225-tabs button.is-active{color:#195898!important;border-bottom-color:#1e67b4!important}
#app .rep225-tabs button:hover{background:#f5f8fd!important;color:#225d98!important}
#app .rep225-tabs button small{font-size:10px;font-weight:700;color:#8998ac}
#app .rep225-work{
  display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);
  align-items:start;gap:14px;min-width:0;max-width:100%;
}
#app .rep225-browser,#app .rep225-detail{
  background:#fff;border:1px solid #e0e8f1;border-radius:13px;
  min-width:0;max-width:100%;box-shadow:0 2px 12px rgba(22,55,93,.032);
}
#app .rep225-browser{overflow:hidden}
#app .rep225-browser-top{padding:15px 14px 12px;border-bottom:1px solid #e9eef5}
#app .rep225-browser-top>label{
  display:grid;gap:6px;color:#56718a;font:650 11px/1.3 Inter,Arial,sans-serif;
}
#app .rep225-search{position:relative;width:100%;min-width:0}
#app .rep225-search svg{position:absolute;top:11px;left:12px;color:#8293a6;pointer-events:none}
#app .rep225-search input{
  height:39px;width:100%;max-width:100%;min-width:0;padding:9px 12px 9px 37px!important;
  font:400 12px/1.4 Inter,Arial,sans-serif;color:#203d5d;background:#f9fbfe;
  border:1px solid #d4e0ec;border-radius:8px;box-shadow:none;
}
#app .rep225-browser-filters{
  display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;
}
#app #rep223-count{color:#7b8ea3;font:600 10.5px/1.4 Inter,Arial,sans-serif}
#app .rep225-browser-filters select{
  width:143px;max-width:100%;min-height:30px;padding:4px 7px;
  background:#fff;color:#486886;border:1px solid #dbe6f0;border-radius:7px;
  font:500 10px Inter,Arial,sans-serif;
}
#app .rep225-list{max-height:650px;overflow-y:auto;overflow-x:hidden;padding:5px 7px 10px;overscroll-behavior:contain}
#app .rep225-group-heading{
  margin:12px 8px 6px;color:#5e7896;text-transform:uppercase;letter-spacing:.08em;
  font:750 9.5px/1.5 Inter,Arial,sans-serif;
}
#app .rep225-line{
  min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 27px;
  gap:3px 5px;align-items:center;padding:10px 9px 9px;margin:1px 0;
  border:1px solid transparent;border-radius:9px;
}
#app .rep225-line:hover{background:#f7faff}
#app .rep225-line.is-current{background:#f0f6ff;border-color:#d6e5f7}
#app .rep225-line-open{
  display:flex!important;flex-direction:column!important;gap:4px!important;
  min-width:0!important;max-width:100%!important;padding:0!important;margin:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  text-align:left!important;white-space:normal!important;cursor:pointer;
}
#app .rep225-line-title{
  display:block;font:700 12px/1.4 Inter,Arial,sans-serif;color:#244565;overflow-wrap:anywhere;
}
#app .rep225-line.is-current .rep225-line-title{color:#145a9e}
#app .rep225-line-description{
  display:block;color:#7d8da0;font:400 10.5px/1.38 Inter,Arial,sans-serif;overflow-wrap:anywhere;
}
#app .rep225-line-info{
  display:grid!important;place-items:center!important;align-self:start;
  width:27px!important;height:27px!important;min-height:27px!important;min-width:27px!important;
  padding:0!important;margin:0!important;border:1px solid #d5e1ee!important;
  background:#f4f8fd!important;color:#557da4!important;border-radius:50%!important;cursor:pointer!important;
}
#app .rep225-line-info:hover{background:#e3effd!important}
#app .rep225-source{
  grid-column:1/-1;justify-self:start;font:650 9.5px/1.4 Inter,Arial,sans-serif;
  color:#467b60;
}
#app .rep225-source::before{content:'●';display:inline-block;margin-right:5px;font-size:9px}
#app .rep225-source.source-sql{color:#477ba8}
#app .rep225-source.source-extra{color:#7b7e91}
#app .rep225-help{
  grid-column:1/-1;min-width:0;padding:10px;margin:4px 0 1px;border-radius:6px;
  color:#465f7b;background:#edf5ff;border-left:2px solid #b3d0ef;
  font:400 11px/1.6 Inter,Arial,sans-serif;overflow-wrap:anywhere;
}
#app .rep225-empty{padding:15px;color:#687f98;font:400 12px/1.6 Inter,Arial,sans-serif}
#app .rep225-detail{
  padding:21px;min-height:490px;overflow:hidden;scroll-margin-top:90px;
}
#app .rep225-start{margin:85px auto;max-width:380px;text-align:center;color:#6e8195}
#app .rep225-start h2{font:750 20px/1.3 Inter,Arial,sans-serif;color:#1b4168}
#app .rep225-start p{font:400 12px/1.7 Inter,Arial,sans-serif}
#app .rep223-result-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:13px;flex-wrap:wrap;
  padding:0 0 16px;margin:0 0 17px;border-bottom:1px solid #e6ecf3;
}
#app .rep223-eyebrow{
  color:#547a9e;font:750 10px/1.3 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;
}
#app .rep223-result-head h2{font:750 clamp(18px,2.2vw,23px)/1.25 Inter,Arial,sans-serif;
  color:#183a60;margin:6px 0;overflow-wrap:anywhere}
#app .rep223-result-head p{font:400 12px/1.5 Inter,Arial,sans-serif;color:#71849b;margin:0}
#app .rep223-result-actions{display:flex;flex-wrap:wrap;gap:7px}
#app .rep223-result-actions button{
  min-height:33px!important;padding:7px 10px!important;border-radius:8px!important;
  border:1px solid #d1e0ef!important;background:#eff5fc!important;
  color:#265f9c!important;font:700 11px/1.3 Inter,Arial,sans-serif!important;cursor:pointer!important;
}
#app .rep223-metrics{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:13px;
}
#app .rep223-metric{
  min-width:0;border:1px solid #e2eaf3;border-radius:10px;padding:13px;
  background:#f8faff;
}
#app .rep223-metric span{display:block;color:#69819a;font:500 11px/1.4 Inter,Arial,sans-serif}
#app .rep223-metric strong{display:block;margin:6px 0 0;color:#1d456e;
  font:750 clamp(17px,2vw,22px)/1.25 Inter,Arial,sans-serif;overflow-wrap:anywhere}
#app .rep223-note{
  padding:12px 13px;margin:12px 0;color:#56728f;font:400 11.5px/1.6 Inter,Arial,sans-serif;
  border-left:3px solid #aecbec;background:#f4f8fe;border-radius:5px;
}
#app .rep223-table-wrap{overflow:auto;max-width:100%;border:1px solid #e2ebf3;border-radius:9px}
#app .rep223-table{width:100%;min-width:490px;border-collapse:collapse;font:500 11.5px/1.4 Inter,Arial,sans-serif}
#app .rep223-table th,#app .rep223-table td{
  padding:9px 8px;border-bottom:1px solid #e7edf4;text-align:left;overflow-wrap:anywhere;
}
#app .rep223-table th{background:#f0f5fb;color:#496682;font-weight:750;white-space:nowrap}
#app .rep223-table td{color:#325170}
#app .rep223-table tbody tr:nth-child(even){background:#fcfdff}
#app .rep223-table tbody tr:last-child td{border-bottom:0}
#app .rep223-error,#app .rep223-loading,#app .rep224-missing{
  border-radius:9px;padding:15px;font:500 12px/1.65 Inter,Arial,sans-serif;
}
#app .rep223-error{background:#fff1f0;color:#94372e}
#app .rep223-loading{background:#f1f6fd;color:#496b90}
#app .rep224-missing{background:#f7f9fc;border:1px dashed #cbd9e8;color:#526984}
#app .rep224-missing strong{font-size:13px;color:#315477}
#app .rep224-data-link a{color:#175d9e;text-decoration:underline;font-size:11.5px;font-weight:650}
#app .rep225-disclaimer{margin:12px 3px;color:#8090a2;font:400 10.5px/1.6 Inter,Arial,sans-serif}
#app.rep223-app :is(button,input,select,a):focus-visible{outline:3px solid #8db7ef!important;outline-offset:2px!important}
@media(max-width:1040px){
 #app .rep225-work{grid-template-columns:minmax(235px,280px) minmax(0,1fr)}
 #app .rep225-detail{padding:16px}
}
@media(max-width:820px){
 #app .rep225-work{grid-template-columns:minmax(0,1fr)}
 #app .rep225-list{max-height:290px}
 #app .rep225-detail{min-height:340px}
 #app .rep225-shortcuts{margin-left:0;border-left:0;padding-left:0}
}
@media(max-width:520px){
 #app .rep225-command{padding:14px}
 #app .rep225-dates label{flex:1 1 130px}
 #app .rep225-dates input{width:100%}
 #app .rep225-dates .rep225-apply{flex:1 1 100%}
 #app .rep225-shortcuts{width:100%;justify-content:space-between}
 #app .rep225-shortcuts button{flex:1 1 auto}
 #app .rep225-tabs button{min-height:39px!important;padding:10px 11px!important;font-size:11px!important}
 #app .rep225-detail{padding:14px;min-height:300px}
 #app .rep223-metrics{grid-template-columns:minmax(0,1fr)}
 #app .rep225-browser-filters{flex-wrap:wrap}
 #app .rep225-browser-filters select{max-width:100%}
}
@media print{
 #app .rep225-command,#app .rep225-tabs,#app .rep225-browser,#app .rep225-disclaimer{display:none!important}
 #app .rep225-work{display:block}
 #app .rep225-detail{border:0;box-shadow:none;padding:0}
}
