/* V19: main licenses section */
.licenses-main-view .licenses-topbar{margin-bottom:12px}
.licenses-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}
.license-summary-card{border:1px solid #D7E7E8;background:#fff;border-radius:12px;padding:11px 12px;text-align:right;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .14s,box-shadow .14s,border-color .14s,background .14s}
.license-summary-card:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(21,100,107,.11);border-color:#9FC9C9}
.license-summary-card span{display:block;font-size:10.5px;color:var(--text-2);font-weight:800}
.license-summary-card strong{display:block;margin-top:3px;font-size:22px;line-height:1;color:var(--primary)}
.license-summary-card.total{background:linear-gradient(135deg,#fff,#F0FAF9);border-color:#C9E4E2}
.license-summary-card.active{border-inline-start:4px solid #218A5A}
.license-summary-card.soon{border-inline-start:4px solid #D59027}
.license-summary-card.expired{border-inline-start:4px solid #C24141}
.license-summary-card.missing{border-inline-start:4px solid #84979B}

.licenses-filter-panel{padding:10px 12px}
.licenses-filters{display:grid;grid-template-columns:minmax(280px,1.7fr) minmax(190px,.65fr) auto;gap:9px;align-items:center}
.licenses-table-panel{padding:12px}
.licenses-table-wrap{max-height:66vh}
#licensesTable{min-width:1180px}
#licensesTable td{white-space:nowrap}
#licensesTable td:nth-child(2) small{display:block;margin-top:2px;color:var(--muted);font-size:10px}
#licensesTable .license-location{white-space:normal;min-width:190px;max-width:260px;line-height:1.45}
.license-number{font-weight:900;color:var(--primary);letter-spacing:.25px}
.license-row.license-expired td{background:#FFF7F7}
.license-row.license-soon td{background:#FFFBF1}
.license-row:hover td{box-shadow:inset 0 0 0 9999px rgba(21,100,107,.025)}

.license-remaining,.license-state{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:10.5px;font-weight:900;border:1px solid transparent;white-space:nowrap}
.license-remaining.active,.license-state.active{background:#EAF7F0;color:#176A45;border-color:#C8E8D8}
.license-remaining.soon,.license-state.soon{background:#FFF6DF;color:#8A5A00;border-color:#F2D99A}
.license-remaining.expired,.license-state.expired{background:#FFF0F0;color:#9E3333;border-color:#F0C9C9}
.license-remaining.missing,.license-state.missing{background:#F0F4F5;color:#5F7478;border-color:#DCE5E7}

.licenses-cards{display:none}

@media(max-width:1060px){
  .licenses-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .licenses-filters{grid-template-columns:1fr 1fr}
  .licenses-filters #licensesClearFilters{grid-column:1/-1}
}

@media(max-width:760px){
  /* The new main section is the fifth navigation destination. */
  .nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .nav button,.app.sidebar-collapsed .nav button{font-size:8.7px!important;padding-inline:1px!important}
  .nav-icon{font-size:16px!important}

  .licenses-main-view .topbar h1{font-size:22px}
  .licenses-main-view .topbar .sub{font-size:11px}
  .licenses-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .license-summary-card{padding:10px}
  .license-summary-card:first-child{grid-column:1/-1}
  .license-summary-card strong{font-size:20px}
  .licenses-filters{grid-template-columns:1fr}
  .licenses-filters #licensesClearFilters{grid-column:auto}
  .licenses-table-wrap{display:none}
  .licenses-table-panel{padding:9px}
  .licenses-table-panel .panel-head{align-items:flex-start}
  .licenses-table-panel .table-help{display:none}
  .licenses-cards{display:grid;gap:9px}
  .license-mobile-card{border:1px solid #DDE8EA;border-radius:13px;background:#fff;padding:11px;box-shadow:var(--shadow-sm)}
  .license-mobile-card.license-expired{background:#FFF8F8;border-color:#F0CACA}
  .license-mobile-card.license-soon{background:#FFFCF4;border-color:#F0DEAD}
  .license-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;margin-bottom:9px}
  .license-card-head strong{display:block;font-size:13px;color:var(--text)}
  .license-card-head small{display:block;margin-top:2px;color:var(--muted);font-size:10px}
  .license-card-number{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#F1FAF9;border:1px solid #D5EBE8;border-radius:10px;padding:8px 9px;margin-bottom:9px}
  .license-card-number span{font-size:10px;color:var(--text-2)}
  .license-card-number b{font-size:13px;color:var(--primary);word-break:break-all}
  .license-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}
  .license-card-grid>div{background:#F8FAFB;border:1px solid #E7EFF0;border-radius:9px;padding:7px 8px;min-width:0}
  .license-card-grid .full{grid-column:1/-1}
  .license-card-grid span{display:block;font-size:9.5px;color:var(--muted);margin-bottom:2px}
  .license-card-grid b{display:block;font-size:11px;line-height:1.45;color:var(--text);white-space:normal;word-break:break-word}
  .license-mobile-card>.btn{width:100%}
}