/* Resumo Operacional — mesmo contrato visual de Produtos, Estoque, Etiquetas, Caixa e Vendas */
body.summary-operational-mode040 .content{
  background:linear-gradient(145deg,#dcebf3 0%,#eaf4f8 55%,#d8e8f0 100%);
}
body.summary-operational-mode040 #content{min-width:0}
body.summary-operational-mode040 .page-head{margin-bottom:12px}
body.summary-operational-mode040 .page-head h1{color:var(--aurora-steel,#163047)}
body.summary-operational-mode040 .page-head p{color:var(--muted,#66788a)}

#summaryOperational040{display:grid;gap:10px}
.summary-kpis040{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
}
.summary-kpis040 article{
  min-width:0;
  padding:12px 13px;
  border:1px solid #c3d6e0;
  border-radius:13px;
  background:#f4f9fb;
  box-shadow:0 5px 14px rgba(16,40,59,.04);
}
.summary-kpis040 article>span{
  display:block;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#60798b;
}
.summary-kpis040 article>strong{
  display:block;
  margin-top:5px;
  font-size:20px;
  line-height:1.05;
  letter-spacing:-.025em;
  color:#173950;
}
.summary-kpis040 article>small{display:block;margin-top:4px;font-size:9px;color:#7890a0}
.summary-kpis040 article.is-open{box-shadow:inset 3px 0 0 #16a778,0 5px 14px rgba(16,40,59,.04)}
.summary-kpis040 article.is-closed{box-shadow:inset 3px 0 0 #c79730,0 5px 14px rgba(16,40,59,.04)}

.summary-main-grid040{display:grid;grid-template-columns:1.12fr .88fr;gap:10px}
.summary-middle-grid040{display:grid;grid-template-columns:1.05fr .95fr;gap:10px}
.summary-shift040,.summary-hour040,.summary-payments040,.summary-occurrences040,.summary-status040,.summary-latest040{
  padding:14px 15px;
  border-color:#b7cfdb;
  background:var(--panel,#fff);
  box-shadow:0 7px 20px rgba(16,40,59,.05);
}
.summary-section-head040{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.summary-section-head040>div>span{
  display:block;
  margin-bottom:3px;
  font-size:8px;
  font-weight:950;
  letter-spacing:.09em;
  color:#557387;
}
.summary-section-head040 h3{margin:0;color:#173950;font-size:15px}
.summary-section-head040 p{margin:3px 0 0;color:#60798b;font-size:9px;line-height:1.4}
.summary-section-head040 .btn{min-height:32px;padding:5px 9px;font-size:9px}
.summary-updated040{font-size:9px;color:#71899a;white-space:nowrap}

.summary-shift-grid040{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.summary-shift-grid040>div{
  padding:10px 11px;
  border:1px solid #c4d7e1;
  border-radius:10px;
  background:#edf5f9;
}
.summary-shift-grid040 span{display:block;font-size:8px;font-weight:900;text-transform:uppercase;color:#60798b}
.summary-shift-grid040 strong{display:block;margin-top:4px;font-size:15px;color:#173950}
.summary-shift-grid040 .in strong{color:#08794c}
.summary-shift-grid040 .out strong{color:#a62d2d}
.summary-shift-grid040 .expected{background:#e3f3f7;border-color:#9ccbd8}
.summary-shift-grid040 .expected strong{font-size:17px}

.summary-hour-bars040,.summary-payment-bars040{display:grid;gap:7px;margin-top:12px}
.summary-hour-bars040>div{
  display:grid;
  grid-template-columns:34px minmax(90px,1fr) auto;
  align-items:center;
  gap:8px;
}
.summary-hour-bars040 span,.summary-payment-bars040 span{font-size:9px;color:#23445b}
.summary-hour-bars040 i,.summary-payment-bars040 i{
  position:relative;
  height:9px;
  overflow:hidden;
  border-radius:999px;
  background:#e1edf3;
}
.summary-hour-bars040 i:before,.summary-payment-bars040 i:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:var(--bar,0%);
  border-radius:inherit;
  background:linear-gradient(90deg,#159eb2,#32c7c0);
}
.summary-hour-bars040 strong{font-size:9px;color:#173950;white-space:nowrap}

.summary-payment-bars040>div{
  display:grid;
  grid-template-columns:minmax(86px,.8fr) minmax(100px,1.2fr) 42px 76px;
  align-items:center;
  gap:8px;
}
.summary-payment-bars040 strong{font-size:9px;color:#173950;text-align:right}
.summary-payment-bars040 small{font-size:8px;color:#60798b;text-align:right;white-space:nowrap}

.summary-occurrence-list040{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.summary-occurrence-list040>div{
  padding:10px 8px;
  text-align:center;
  border:1px solid #c4d7e1;
  border-radius:10px;
  background:#edf5f9;
}
.summary-occurrence-list040 span{display:block;font-size:8px;color:#60798b}
.summary-occurrence-list040 strong{display:block;margin-top:4px;font-size:17px;color:#173950}
.summary-occurrence-list040 .warn{background:#fff5df;border-color:#e6cb8c}
.summary-occurrence-list040 .warn strong{color:#8c6206}
.summary-occurrence-list040 .ok{background:#edf8f3;border-color:#b9ddcc}
.summary-occurrence-list040 .ok strong{color:#08794c}
.summary-occurrence-list040 .neutral{background:#eef5f8}

.summary-status-grid040{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:11px;
}
.summary-status-item040{
  position:relative;
  min-width:0;
  padding:10px 11px 10px 14px;
  border:1px solid #c4d7e1;
  border-radius:10px;
  background:#edf5f9;
}
.summary-status-item040:before{
  content:"";
  position:absolute;
  left:7px;top:12px;
  width:6px;height:6px;border-radius:999px;
  background:#16a778;
}
.summary-status-item040>span{display:block;padding-left:8px;font-size:8px;font-weight:900;text-transform:uppercase;color:#60798b}
.summary-status-item040>strong{display:block;padding-left:8px;margin-top:3px;font-size:12px;color:#173950}
.summary-status-item040>small{display:block;padding-left:8px;margin-top:2px;font-size:8px;color:#7890a0}
.summary-status-item040.warn:before{background:#d39a24}
.summary-status-item040.danger:before{background:#d94d4d}
.summary-status-item040.neutral:before{background:#4e8fb0}

.summary-latest040 .table-wrap{
  margin-top:10px;
  border:1px solid #c4d7e1;
  border-radius:11px;
  overflow:auto;
}
.summary-latest-table040{min-width:700px}
.summary-latest-table040 thead th{
  background:#e0edf4;
  color:#173950;
  border-bottom-color:#b7cfdb;
  font-size:9px;
}
.summary-latest-table040 tbody tr:nth-child(odd){background:#edf5f9}
.summary-latest-table040 tbody tr:nth-child(even){background:#e7f1f6}
.summary-latest-table040 tbody tr:hover{background:#dcecf4}
.summary-latest-table040 td{font-size:10px;color:#23445b;border-bottom-color:#c3d6e0}
.summary-empty040{padding:24px 12px;text-align:center;color:#71899a;font-size:10px}

/* Tema escuro */
html[data-cp-theme="dark"] body.summary-operational-mode040 .content,
html[data-theme="dark"] body.summary-operational-mode040 .content{
  background:linear-gradient(145deg,#071725,#0b2232 55%,#081a28);
}
html[data-cp-theme="dark"] .summary-kpis040 article,
html[data-cp-theme="dark"] .summary-shift040,
html[data-cp-theme="dark"] .summary-hour040,
html[data-cp-theme="dark"] .summary-payments040,
html[data-cp-theme="dark"] .summary-occurrences040,
html[data-cp-theme="dark"] .summary-status040,
html[data-cp-theme="dark"] .summary-latest040,
html[data-theme="dark"] .summary-kpis040 article,
html[data-theme="dark"] .summary-shift040,
html[data-theme="dark"] .summary-hour040,
html[data-theme="dark"] .summary-payments040,
html[data-theme="dark"] .summary-occurrences040,
html[data-theme="dark"] .summary-status040,
html[data-theme="dark"] .summary-latest040{
  background:#0c2131;
  border-color:#315269;
}
html[data-cp-theme="dark"] .summary-kpis040 article>strong,
html[data-cp-theme="dark"] .summary-section-head040 h3,
html[data-cp-theme="dark"] .summary-shift-grid040 strong,
html[data-cp-theme="dark"] .summary-hour-bars040 strong,
html[data-cp-theme="dark"] .summary-payment-bars040 strong,
html[data-cp-theme="dark"] .summary-occurrence-list040 strong,
html[data-cp-theme="dark"] .summary-status-item040>strong,
html[data-theme="dark"] .summary-kpis040 article>strong,
html[data-theme="dark"] .summary-section-head040 h3,
html[data-theme="dark"] .summary-shift-grid040 strong,
html[data-theme="dark"] .summary-hour-bars040 strong,
html[data-theme="dark"] .summary-payment-bars040 strong,
html[data-theme="dark"] .summary-occurrence-list040 strong,
html[data-theme="dark"] .summary-status-item040>strong{color:#f4fbff}
html[data-cp-theme="dark"] .summary-shift-grid040>div,
html[data-cp-theme="dark"] .summary-occurrence-list040>div,
html[data-cp-theme="dark"] .summary-status-item040,
html[data-theme="dark"] .summary-shift-grid040>div,
html[data-theme="dark"] .summary-occurrence-list040>div,
html[data-theme="dark"] .summary-status-item040{
  background:#102a3d;
  border-color:#315269;
}
html[data-cp-theme="dark"] .summary-shift-grid040 .expected,
html[data-theme="dark"] .summary-shift-grid040 .expected{background:#12364a;border-color:#41657a}
html[data-cp-theme="dark"] .summary-hour-bars040 span,
html[data-cp-theme="dark"] .summary-payment-bars040 span,
html[data-theme="dark"] .summary-hour-bars040 span,
html[data-theme="dark"] .summary-payment-bars040 span{color:#dbe8f0}
html[data-cp-theme="dark"] .summary-hour-bars040 i,
html[data-cp-theme="dark"] .summary-payment-bars040 i,
html[data-theme="dark"] .summary-hour-bars040 i,
html[data-theme="dark"] .summary-payment-bars040 i{background:#17374a}
html[data-cp-theme="dark"] .summary-latest-table040 thead th,
html[data-theme="dark"] .summary-latest-table040 thead th{background:#14344b;color:#f4fbff;border-color:#315269}
html[data-cp-theme="dark"] .summary-latest-table040 tbody tr:nth-child(odd),
html[data-theme="dark"] .summary-latest-table040 tbody tr:nth-child(odd){background:#102a3d}
html[data-cp-theme="dark"] .summary-latest-table040 tbody tr:nth-child(even),
html[data-theme="dark"] .summary-latest-table040 tbody tr:nth-child(even){background:#0f2739}
html[data-cp-theme="dark"] .summary-latest-table040 td,
html[data-theme="dark"] .summary-latest-table040 td{color:#dbe8f0;border-color:#315269}

@media(max-width:1320px){
  .summary-kpis040{grid-template-columns:repeat(3,1fr)}
  .summary-main-grid040,.summary-middle-grid040{grid-template-columns:1fr}
}
@media(max-width:960px){
  .summary-kpis040{grid-template-columns:repeat(2,1fr)}
  .summary-shift-grid040{grid-template-columns:repeat(3,1fr)}
  .summary-occurrence-list040,.summary-status-grid040{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .summary-kpis040,.summary-shift-grid040,.summary-occurrence-list040,.summary-status-grid040{grid-template-columns:1fr}
  .summary-section-head040{align-items:flex-start;flex-direction:column}
  .summary-payment-bars040>div{grid-template-columns:minmax(74px,.8fr) 1fr 38px}
  .summary-payment-bars040 small{display:none}
}