.responsive{width:100%;border-collapse:collapse}@media only screen and (max-width:800px){.responsive>tbody,.responsive>tbody>tr,.responsive>thead,.responsive>thead>th{display:block}.responsive>tbody>tr>th,.responsive>thead>tr,.responsive>thead>tr>th{position:absolute;top:-9999px;left:-9999px}.responsive>tbody>tr{border:1px solid #ccc}.responsive>tbody>tr>td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%!important;white-space:normal;text-align:left;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;min-height:1em}.responsive>tbody>tr>td::before{position:absolute;left:6px;width:45%;padding-right:10px;-ms-word-wrap:break-word;word-wrap:break-word;text-align:left;font-weight:700;content:attr(data-title)}.responsive td.responsive-omit-title:nth-child(even),.responsive td.responsive-omit-title:nth-child(odd){padding-left:6px}.responsive td.responsive-omit-if-empty:empty,.responsive td.responsive-omit-title::before{display:none}}
/* Responsive cells must contain their floated actions so later rows cannot
   cover them. Header controls and full-width empty-state rows stay reachable. */
@media only screen and (max-width:800px){
  .responsive>tbody>tr>td::after{content:"";display:block;clear:both}
  .responsive>tbody>tr>td::before{pointer-events:none}
  .responsive>tbody>tr>td.responsive-omit-title{padding:10px 6px!important;box-sizing:border-box}
  .responsive>tbody>tr>th[colspan]{position:static;display:block;padding:10px;box-sizing:border-box}
  .responsive>thead.responsive-interactive-header>tr{position:static;display:flex;flex-wrap:wrap;gap:10px;padding:8px 6px}
  .responsive>thead.responsive-interactive-header>tr>th{display:none}
  .responsive>thead.responsive-interactive-header>tr>th.responsive-header-actions{position:static;display:flex;align-items:center;gap:8px;padding:0}
  .responsive>thead.responsive-interactive-header>tr>th.responsive-header-actions br{display:none}
  .responsive button,.responsive .btn{min-height:44px;touch-action:manipulation}
  .responsive button[title]{min-width:44px}
  .responsive-actions{display:flex;flex-wrap:wrap;gap:6px;text-align:left}
  .responsive-actions .btn{margin:0;display:inline-flex;align-items:center;justify-content:center;white-space:normal}
}
@media only screen and (max-width:800px){
  .responsive>tbody>tr>th[colspan] a[ng-click]{display:inline-flex;align-items:center;min-height:44px;max-width:100%;touch-action:manipulation}
}
@media only screen and (max-width:800px){
  /* Bootstrap's overflow wrapper class is also used on the table itself.
     Once rows stack, its overflow-y:hidden clips the final cell/actions. */
  table.responsive.table-responsive{overflow:visible}
}