table{width:100%;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.08);border-radius:8px;overflow:hidden}
th{color:#fff;text-align:left;padding:12px 16px;font-weight:600;position:relative;background-color:#e70013;border:0}
th.bg-primary,th.bg-secondary{background-color:#e70013}
th.bg-secondary{font-size:15px;opacity:0.9}
td{padding:7px 8px;color:#333;border-bottom:1px solid #f0f2f5;transition:background-color .2s ease;text-align:left}
tr.table-row th{opacity:0.9;font-size:15px}
tr.table-row:last-child th{opacity:1}
tr.table-row:nth-child(even),.h88:nth-child(even){background-color:#f8fafc}
tr.table-row:hover,.h88:hover{background-color:#ffe6e8}
td a{text-decoration:none;transition:color .2s ease}
td a:hover{color:#b3000f;text-decoration:underline}
th div{display:flex;align-items:center}
th span{display:inline-block}
th sub{font-size:12px}
tr.table-row:nth-child(3) th{padding:10px 16px}
td.column-value{padding:12px 16px}
td.column-value--is-designation a{display:flex;align-items:center}
td.cell-data{white-space:nowrap}
td.column-value--has-icon span:first-child{margin-right:8px}
@media(max-width:768px){
  table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  th,td{padding:10px 12px;font-size:15px}
  .table-row,.h88{display:table-row}
  th::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:rgba(255,255,255,0.3)}
}
.empty-row td{text-align:center;padding:20px;color:#888;font-style:italic;font-size:16px}