/* Nota Smart Emissor — refinamento responsivo administrativo, 19/10/2026.
   Nao modifica configuracoes fiscais nem dados; aplicado apos o CSS existente. */
:root{--admin-border:#e1e9f3;--admin-shadow:0 5px 22px rgba(25,65,111,.055)}
#sideMenu,#companySideMenu,
.company-active #companySideMenu{
  width:116px!important;flex:0 0 116px!important;
  min-width:116px!important;overflow-x:hidden;
}
#sideMenu .nav,#companySideMenu .nav,
.company-active #companySideMenu .nav{
  width:100%;height:84px!important;min-height:84px!important;
  padding:10px 8px!important;gap:7px!important;
  font-size:11.5px!important;line-height:1.22!important;
  text-align:center;letter-spacing:0!important;
}
#sideMenu .nav>span:last-child,#companySideMenu .nav>span:last-child{
  max-width:100%;overflow-wrap:normal;word-break:normal;
  white-space:normal;line-height:1.25!important;
}
#sideMenu .nav .nav-icon,#companySideMenu .nav .nav-icon,
.company-active #companySideMenu .nav-icon{
  width:28px!important;height:28px!important;min-height:28px!important;
  display:grid;place-items:center;
}
#sideMenu .nav-icon .icon-svg,#companySideMenu .nav-icon .icon-svg,
.company-active #companySideMenu .nav-icon svg{
  width:27px!important;height:27px!important;
}
#sideMenu .nav:hover,#companySideMenu .nav:hover{background:rgba(0,49,121,.24)!important}
#sideMenu .nav.active,#companySideMenu .nav.active{box-shadow:inset 3px 0 0 #b7d9ff}
.company-active #companyFlyout{left:116px!important}
body.collapsed #sideMenu,body.collapsed #companySideMenu,
body.collapsed.company-active #companySideMenu{
  width:64px!important;flex:0 0 64px!important;min-width:64px!important;
}
body.collapsed #sideMenu .nav,body.collapsed #companySideMenu .nav,
body.collapsed.company-active #companySideMenu .nav{
  height:68px!important;min-height:68px!important;padding:12px 4px!important;
  font-size:0!important;
}
body.collapsed #sideMenu .nav>span:last-child,
body.collapsed #companySideMenu .nav>span:last-child{display:none!important}
body.collapsed.company-active #companyFlyout{left:64px!important}
.workspace{max-width:100%;overflow-x:clip}
#dashboard .kpi-top{grid-template-columns:minmax(320px,36%) minmax(0,1fr)!important;gap:16px!important;margin-bottom:16px!important}
#dashboard .white-card{
  border:1px solid var(--admin-border)!important;border-radius:11px!important;
  background:#fff!important;box-shadow:var(--admin-shadow)!important;
}
#dashboard .company-summary,#dashboard .doc-summary{
  height:auto!important;min-height:166px!important;padding:18px 20px!important;
}
#dashboard .status-summary{margin-bottom:15px!important;gap:10px}
#dashboard .metric{
  min-height:98px!important;border-radius:8px!important;gap:6px!important;
  text-decoration:none!important;transition:background .15s ease!important;
}
#dashboard .metric:hover{background:#f3f8fe!important}
#dashboard .metric strong{font-weight:650!important;font-size:24px!important}
#dashboard .metric .metric-icon,#dashboard .metric .metric-icon .icon-svg{
  height:27px!important;width:27px!important
}
#dashboard .subtle-btn{
  min-height:38px!important;border-radius:7px!important;
  background:#eef5ff!important;color:#075eaf!important;font-weight:650!important;
}
#dashboard .subtle-btn:hover{background:#deecff!important}
#dashboard .doc-heading{
  margin:0 0 12px!important;font-size:13px!important;
  color:#62758f!important;font-weight:550!important;
}
#dashboard .doc-heading #countDocs{
  font-size:19px!important;color:#174976!important;font-weight:700!important;
}
#dashboard .doc-bars{gap:0 22px!important}
#dashboard .doc-row{padding:6px 0!important}
#dashboard .doc-labels{font-size:12px!important;color:#3e526d!important}
#dashboard .track,#dashboard .track progress{height:5px!important;border-radius:99px!important;overflow:hidden}
#dashboard .dashboard-bottom{
  grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)!important;gap:16px!important;
}
#dashboard .analytics,#dashboard .recent{
  height:auto!important;min-height:362px!important;
  padding:20px 20px 18px!important;overflow:hidden;
}
#dashboard .card-heading{
  font-size:16px!important;font-weight:650!important;
  margin:0 0 16px!important;color:#213954!important;
}
#dashboard .chart{height:285px!important}
#dashboard .recent .table-scroll{height:292px!important;overflow:auto}
#dashboard .recent table{min-width:650px!important;font-size:12px!important}
#dashboard .recent th{
  position:sticky;top:0;background:#fff;z-index:1;
  color:#526782!important;font-size:11.5px!important;
  padding:11px 9px!important;
}
#dashboard .recent td{
  color:#30445d!important;font-size:12px!important;
  padding:11px 9px!important;white-space:nowrap;
}
#dashboard .recent td:nth-child(3){
  max-width:250px;overflow:hidden;text-overflow:ellipsis;
}
.admin-doc-status{
  display:inline-flex;align-items:center;padding:4px 9px;
  font-size:11px;font-weight:650;line-height:1.2;
  border-radius:100px;background:#eef3f8;color:#4e6078;
}
.admin-doc-status.is-authorized{background:#e6f6ee;color:#087445}
.admin-doc-status.is-cancelled{background:#fff0f0;color:#b82b43}
.admin-doc-status.is-rejected{background:#fff4e8;color:#9b5b07}
#empresas .list-toolbar{gap:10px!important;flex-wrap:wrap;padding-bottom:14px!important}
#empresas .search-field{flex:1 1 220px!important;width:auto!important;max-width:360px}
#empresas .search-field input{width:100%}
#empresas .list-toolbar select{min-width:214px!important}
#empresas .toolbar-end{gap:9px!important}
#empresas .page-subline{margin:1px 0 11px!important}
#empresas .company-list{gap:10px!important}
#empresas .company-entry{
  min-height:84px!important;column-gap:14px!important;padding:15px 18px!important;
  border:1px solid var(--admin-border)!important;
  border-radius:10px!important;box-shadow:var(--admin-shadow)!important;
  grid-template-columns:minmax(215px,2.0fr) minmax(130px,1.05fr)
   minmax(125px,1fr) minmax(118px,.9fr) minmax(152px,1.08fr)
   79px 108px!important;
}
#empresas .company-entry .label{
  display:block;margin-bottom:5px!important;color:#6c7d93!important;
  font-size:11px!important;font-weight:550!important
}
#empresas .company-entry .name-main{
  color:#213953!important;font-size:13px!important;line-height:1.4!important;
}
#empresas .company-entry .value{color:#2d455f!important;font-size:12.5px!important}
#empresas .company-pill{
  text-align:center;font-size:11px!important;padding:5px 9px!important
}
#empresas .row-action{
  background:#f1f6fb!important;color:#23527f!important;
  border:1px solid #dce7f4!important;border-radius:7px!important;
}
#empresas .row-action:hover{background:#e2effe!important}
#empresas .cert-expiry--missing{color:#7d8b9c!important}
#empresas .cert-expiry--expired{color:#bc3046!important;font-weight:650!important}
#empresas .cert-expiry--valid{font-weight:650!important;color:#166c49!important}
#empresas .cert-source{
  display:block;color:#75869a!important;font-size:10px!important;margin-top:3px;
}
#empresas .large-pager{margin-top:17px!important}
@media(max-width:1450px){
 #dashboard .dashboard-bottom{grid-template-columns:1fr!important}
 #dashboard .analytics,#dashboard .recent{min-height:340px!important}
 #empresas .company-entry{
   grid-template-columns:repeat(4,minmax(0,1fr))!important;
   row-gap:12px!important;
 }
 #empresas .company-entry>div:first-child{grid-column:span 2}
 #empresas .row-action-wrap{justify-self:end}
}
@media(max-width:990px){
 #dashboard .kpi-top{grid-template-columns:1fr!important}
 #empresas .company-entry{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #empresas .company-entry>div:first-child{grid-column:1/-1}
 #empresas .toolbar-end{margin-left:0;width:100%}
}
@media(max-width:760px){
 #sideMenu,#companySideMenu,.company-active #companySideMenu{
   width:74px!important;flex-basis:74px!important;min-width:74px!important;
 }
 #sideMenu .nav,#companySideMenu .nav,.company-active #companySideMenu .nav{
   height:80px!important;min-height:80px!important;
   padding:9px 3px!important;font-size:10px!important;
 }
 #sideMenu .nav-icon .icon-svg,#companySideMenu .nav-icon .icon-svg{
   height:25px!important;width:25px!important;
 }
 .company-active #companyFlyout{left:74px!important}
 body.collapsed #sideMenu,body.collapsed #companySideMenu,
 body.collapsed.company-active #companySideMenu{
   width:56px!important;flex-basis:56px!important;min-width:56px!important;
 }
 body.collapsed.company-active #companyFlyout{left:56px!important}
 #dashboard .company-summary,#dashboard .doc-summary{padding:15px 12px!important}
 #dashboard .metric{min-height:92px!important}
 #dashboard .analytics,#dashboard .recent{padding:16px 13px!important}
 #empresas .search-field{max-width:none!important}
 #empresas .list-toolbar select,#empresas .search-field{flex-basis:100%!important}
 #empresas .company-entry{padding:13px 12px!important}
}
@media(max-width:480px){
 #empresas .company-entry{grid-template-columns:1fr!important}
 #empresas .company-entry>div:first-child{grid-column:auto}
 #empresas .row-action-wrap{justify-self:start}
 #dashboard .doc-bars{grid-template-columns:1fr!important}
}


/* Vencimento A1: status acessivel por texto e cor, somente no Super Admin. */
#empresas .cert-expiry{
 display:inline-flex!important;flex-direction:column;align-items:flex-start;
 width:max-content;max-width:100%;padding:6px 10px!important;
 border:1px solid transparent;border-radius:9px;
 font-size:13px!important;font-weight:750!important;line-height:1.3;
 box-shadow:0 2px 6px rgba(24,48,83,.07);
}
#empresas .cert-expiry-date{font-size:13px;white-space:nowrap}
#empresas .cert-expiry-countdown{font-size:10px;font-weight:700;margin-top:3px;white-space:nowrap}
#empresas .company-entry .value.cert-expiry--missing,#empresas .company-entry .value.cert-expiry--expired{
 color:#7b1c2b!important;background:#fbe9ed;border-color:#c97884;
}
#empresas .company-entry .value.cert-expiry--danger{
 color:#b12a3c!important;background:#ffe8ed;border-color:#eba8b4;
}
#empresas .company-entry .value.cert-expiry--warning{
 color:#785100!important;background:#ffe9a1;border-color:#d0a014;
 box-shadow:0 2px 10px rgba(175,119,0,.22),inset 0 0 0 1px rgba(255,255,255,.38);
}
#empresas .company-entry .value.cert-expiry--info{
 color:#165fa7!important;background:#e3f0ff;border-color:#9bc4ed;
}
#empresas .cert-expiry--valid{
 color:#145c35!important;background:#e2f3e8;border-color:#9bc8aa;
}
#empresas .cert-source--manual{
 color:#913c46!important;font-weight:600;
}
@media(max-width:760px){
 #empresas .cert-expiry-date{white-space:normal}
 #empresas .cert-expiry-countdown{white-space:normal}
}

#empresas .company-entry .value.cert-expiry--valid{color:#145c35!important;background:#e2f3e8;border-color:#9bc8aa}
