/* Reuse premium Vendas/Assinaturas/Integrado card vocabulary on Detailed. */
.detailed-ranking-section {
  padding:16px 16px 20px;
  border:1px solid rgba(63,171,203,.33);
  border-radius:15px;
  background:linear-gradient(160deg,#081b2b,#061a2d);
  min-width:0;
}
.detailed-ranking-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
.detailed-ranking-head > div{display:grid;gap:4px}
.detailed-ranking-head strong{font-size:19px;color:#eaf8ff;font-weight:850}
.detailed-ranking-head small{font-size:11px;color:#a5c8d8}
.detailed-ranking-track{
  display:grid;
  grid-template-columns:repeat(4,minmax(235px,1fr));
  gap:12px;
  min-width:0;
}
.detailed-ranking-track .data-sale-rank-card{min-width:0}
.detailed-ranking-track .data-sale-rank-card .data-sale-rank-stats{min-height:48px}
.detailed-table-actions{display:flex;align-items:center;gap:14px}
.detailed-export-button{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:39px;min-width:130px;padding:8px 14px;
  border:1px solid rgba(57,205,161,.6);border-radius:10px;
  background:linear-gradient(120deg,rgba(10,103,84,.36),rgba(5,48,52,.45));
  color:#e6fff7;font-weight:800;font-size:12px;cursor:pointer;
}
.detailed-export-button:hover{border-color:#4de7b3;box-shadow:0 0 12px rgba(57,205,161,.24)}
.detailed-export-button svg{width:17px;height:17px}
@media(max-width:1220px){.detailed-ranking-track{grid-template-columns:repeat(2,minmax(235px,1fr));}}
@media(max-width:650px){
  .detailed-ranking-track{grid-template-columns:minmax(0,1fr)}
  .detailed-table-actions{gap:8px;flex-wrap:wrap}
  .detailed-export-button{min-width:100px}
}

/* The base report card had a six-column legacy grid. The premium rank uses
   four vertical rows; enforce its layout in the independent Detailed view. */
.detailed-ranking-section[hidden] { display:none!important; }
.detailed-ranking-track .data-sale-rank-card {
  min-width:0!important;
  width:100%!important;
  height:252px!important;
  min-height:252px!important;
  padding:12px 13px 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:32px 96px 51px 61px!important;
  grid-auto-flow:row!important;
  grid-auto-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:0!important;
  overflow:hidden!important;
}
.detailed-ranking-track .data-sale-rank-card-top {
  grid-column:1!important;grid-row:1!important;
  min-width:0!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;
}
.detailed-ranking-track .data-sale-rank-profile {
  grid-column:1!important;grid-row:2!important;
  min-width:0!important;display:grid!important;
  justify-items:center!important;align-content:center!important;gap:6px!important;
}
.detailed-ranking-track .data-sale-rank-name {
  display:block!important;position:relative!important;z-index:4!important;
  opacity:1!important;visibility:visible!important;max-width:100%!important;
  text-align:center!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.detailed-ranking-track .data-sale-rank-stats {
  grid-column:1!important;grid-row:3!important;
  min-width:0!important;width:100%!important;display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  align-items:center!important;gap:8px!important;
}
.detailed-ranking-track .data-sale-rank-total {
  grid-column:1!important;grid-row:4!important;
  min-width:0!important;width:auto!important;margin:0 -13px!important;
  padding:10px 13px 9px!important;display:grid!important;align-content:center!important;
}
.detailed-ranking-track .data-sale-rank-total strong {
  display:block!important;min-width:0!important;opacity:1!important;visibility:visible!important;
}

/* Detailed TV configuration. No hidden finance/commission fields are present. */
.tv-auto-detailed-filters{
  display:grid;gap:9px;margin:0 0 6px;padding:12px;
  border:1px solid rgba(77,193,213,.35);border-radius:12px;
  background:rgba(8,33,49,.62);
}
.tv-auto-detailed-filters[hidden]{display:none!important}
.tv-auto-detailed-filters > strong{font-size:12px;color:#d5f7ff}
.tv-auto-detailed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.tv-auto-detailed-grid > label{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;
  min-height:0!important;padding:0!important;background:none!important;border:0!important;opacity:1!important}
.tv-auto-detailed-grid label > span{font-size:10px;color:#a7cada}
.tv-auto-detailed-grid input,.tv-auto-detailed-grid select{width:100%!important;min-width:0;min-height:35px;padding:7px 8px;
  background:#123346;color:#e6fbff;border:1px solid rgba(112,177,204,.4);border-radius:8px}
.tv-auto-detailed-filters .tv-auto-detailed-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tv-auto-detailed-checks details{border:1px solid rgba(112,177,204,.3);border-radius:8px;padding:7px 9px;min-width:0}
.tv-auto-detailed-checks summary{font-size:11px;cursor:pointer;color:#d5f7ff;font-weight:750}
.tv-auto-detailed-option-list{display:grid;gap:6px;max-height:125px;overflow:auto;margin-top:9px}
.tv-auto-detailed-option-list label{display:flex!important;align-items:center!important;gap:6px!important;
  min-height:26px!important;padding:3px 5px!important;background:transparent!important;border:0!important;
  font-size:10px;color:#e6fbff}
.tv-auto-detailed-option-list input{flex:0 0 auto}
@media(max-width:560px){.tv-auto-detailed-grid,.tv-auto-detailed-filters .tv-auto-detailed-checks{grid-template-columns:1fr}}


/* Custom period-basis dropdown matching Prospecta's dark blue menus. */
.tv-auto-detailed-basis{position:relative;min-width:0}
.tv-auto-detailed-basis #tv-detailed-basis{display:none!important}
.tv-auto-detailed-basis-trigger{
  width:100%;min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:9px;
  padding:7px 10px;border:1px solid rgba(87,177,214,.5);border-radius:9px;
  background:linear-gradient(140deg,#13374e,#0c2940);color:#e8faff;
  font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;text-align:left;
}
.tv-auto-detailed-basis-trigger:hover,.tv-auto-detailed-basis-trigger[aria-expanded="true"]{
  border-color:#52dbf2;box-shadow:0 0 0 1px rgba(82,219,242,.22);
}
.tv-auto-detailed-basis-trigger svg{width:14px;height:14px;flex-shrink:0;transition:transform .18s}
.tv-auto-detailed-basis-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.tv-auto-detailed-basis-menu{
  display:grid;gap:4px;margin-top:5px;padding:6px;
  border:1px solid rgba(100,191,220,.32);border-radius:9px;
  background:#071f32;box-shadow:0 10px 20px rgba(0,0,0,.2);
}
.tv-auto-detailed-basis-menu[hidden]{display:none!important}
.tv-auto-detailed-basis-menu button{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:9px 10px;border:1px solid transparent;border-radius:7px;
  background:transparent;color:#d7edfa;text-align:left;
  font-size:11px;font-weight:750;cursor:pointer;
}
.tv-auto-detailed-basis-menu button:hover,
.tv-auto-detailed-basis-menu button[aria-selected="true"]{
  border-color:rgba(58,210,207,.33);
  background:linear-gradient(110deg,rgba(33,137,184,.32),rgba(16,74,103,.38));
  color:#a5fff0;
}

.tv-auto-detailed-basis-field{display:grid;gap:5px;min-width:0}
.tv-auto-detailed-basis-field>span{font-size:10px;color:#a7cada}