/* Shared portal tables. Printed documents use their own layout. */
@media screen {
 .content-area .table {
  --bs-table-border-color:#e7ecf3;
  --bs-table-hover-bg:rgba(65,91,145,.055);
  --bs-table-hover-color:inherit;
  width:100%;font-size:12px;line-height:1.55;vertical-align:middle;
 }
 .content-area .table > thead > tr > th {
  background:#f4f6fa;color:#64748b;font-size:10px!important;
  font-weight:700;letter-spacing:.055em;text-transform:uppercase;
  border-top:0;border-bottom:1px solid #e1e7f0;line-height:1.5;
 }
 .content-area .table > tbody > tr > * {
  border-bottom-color:#e7ecf3;vertical-align:middle;
  transition:box-shadow .15s ease;
 }
 .content-area .table > tbody > tr:last-child > * {border-bottom-width:0}
 .content-area .table > tfoot > tr > * {
  background:#f4f6fa;font-weight:700;border-top:1px solid #e1e7f0;
 }
 /* A translucent inset layer preserves green/red/amber status backgrounds. */
 .content-area .table > tbody > tr:hover > *,
 .content-area .table > tbody > tr:focus-within > * {
  --bs-table-accent-bg:rgba(65,91,145,.055);
  box-shadow:inset 0 0 0 9999px rgba(65,91,145,.055)!important;
 }
 .content-area .table-responsive {
  scrollbar-width:thin;scrollbar-color:#b7c3d5 #f2f5f9;
  -webkit-overflow-scrolling:touch;
 }
 .content-area .table-responsive::-webkit-scrollbar{height:7px;width:7px}
 .content-area .table-responsive::-webkit-scrollbar-track{background:#f2f5f9}
 .content-area .table-responsive::-webkit-scrollbar-thumb{background:#b7c3d5;border-radius:8px}
 @media(min-width:768px){
  .content-area .table > :not(caption) > * > *{padding:12px 16px}
 }
 @media(max-width:767px){
  .content-area .table:not(.task-table) > :not(caption) > * > *{padding:10px 12px}
 }
 @media(prefers-reduced-motion:reduce){
  .content-area .table > tbody > tr > *{transition:none}
 }
}

.content-area .table .table-icon-action{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;min-width:32px;padding:0;border-radius:8px;vertical-align:middle}
.content-area .table .table-icon-action svg{width:15px;height:15px;pointer-events:none}
.content-area .table .table-icon-action:focus-visible{outline:2px solid #5267d8;outline-offset:2px}