/* A manager's last logins (ult_logins.asp): the card on a page of its own (no shell, as the old popup) and in the profile's dialog
   (ver_treinador.asp's Last 10), on css/club-info.css's card and table only, so the profile needs nothing else. */
.ul-page { margin: 0; padding: 12px 0; background: #f3f6ea; font: 13px Arial, Helvetica, sans-serif; color: #23301a; }
.ul-page .inf { width: auto; margin: 0 12px; }
.ul .ul-c-date, .ul .ul-c-ip { white-space: nowrap; font-variant-numeric: tabular-nums; }
.ul .ul-t thead th { background: #f3f8e6; }
/* the admin's IP checks and delete */
.ul .ul-c-acts { width: 1%; white-space: nowrap; text-align: end; }
.ul .ul-ico {
  display: inline-grid; place-items: center; width: 26px; height: 26px; margin-inline-start: 4px; border: 1px solid #d6e4b5; border-radius: 8px;
  background: #fff; color: #9a3420; font: bold 16px/1 Arial, sans-serif; text-decoration: none; vertical-align: middle;
}
.ul .ul-ico:hover { border-color: #9cc94a; background: #f6f9ec; }
.ul .ul-ico--del:hover { border-color: #e8c2b8; background: #fdecea; }
.ul .ul-ico img { display: block; max-width: 16px; max-height: 16px; }
.ul .inf-card__body { padding: 10px 12px; }

/* the dialog on the profile: the card, a close button over its head's corner */
.ul-dlg { width: min(460px, calc(100vw - 24px)); max-height: calc(100vh - 48px); padding: 0; border: 0; border-radius: 14px; background: transparent; overflow: visible; }
.ul-dlg::backdrop { background: rgba(16,30,20,0.45); }
.ul-dlg .inf { width: auto; margin: 0; }
.ul-dlg .inf-card { max-height: calc(100vh - 48px); overflow: auto; box-shadow: 0 18px 48px -12px rgba(16,30,20,0.45); }
.ul-dlg .inf-card__head { padding-inline-end: 48px; }
.ul-dlg__x {
  position: absolute; top: 4px; inset-inline-end: 8px; z-index: 1; width: 24px; height: 24px; padding: 0; border: 1px solid rgba(255,255,255,0.55); border-radius: 50%;
  background: rgba(255,255,255,0.15); color: #fff; font: bold 16px/20px Arial, sans-serif; cursor: pointer;
}
.ul-dlg__x:hover, .ul-dlg__x:focus-visible { background: rgba(255,255,255,0.3); outline: none; }
.ul-dlg__load { min-height: 120px; border-radius: 12px; background: #fff; }

@media (max-width: 1180px) {
  .ul-dlg { max-height: calc(100vh - 32px); }
}
@media (max-width: 820px) {
  .ul-page { padding: 8px 0; }
  .ul-page .inf { margin: 0 8px; }
  .ul .ul-c-date, .ul .ul-c-ip { font-size: 12px; }
}