/* Histórico de acessos. A consulta é exposta somente ao perfil ADMIN pela API. */
.access-view{min-height:100vh;background:var(--paper)}
.access-content{padding:16px 11px 34px}
.access-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:3px 6px 16px}
.access-intro p{margin:0 0 5px;color:var(--red);font-size:.69rem;font-weight:900;letter-spacing:.1em}
.access-intro h1{margin:0;color:var(--ink);font-size:1.28rem;letter-spacing:-.02em}
.access-intro span{display:block;margin-top:6px;color:var(--muted);font-size:.86rem;line-height:1.35}
.access-intro b{flex:none;margin-top:4px;padding:6px 9px;border-radius:12px;background:var(--soft);color:var(--red);font-size:.75rem;text-align:center}
.access-search{display:flex;align-items:center;gap:8px;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 1px 4px #20242b0d}
.access-search span{color:var(--red);font-size:1.55rem;line-height:1;transform:rotate(-20deg)}
.access-search input{width:100%;border:0;outline:0;color:var(--ink);font-size:.95rem}
.access-hint{min-height:30px;margin:11px 6px 6px;color:var(--muted);font-size:.8rem;line-height:1.35}
.access-list{display:grid;gap:9px}
.access-card{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:13px 14px;border-radius:13px;background:#fff;box-shadow:0 2px 8px #20242b1a}
.access-card strong,.access-card span,.access-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.access-card strong{font-size:.92rem;text-transform:uppercase}.access-card span{margin-top:5px;color:#68707c;font-size:.8rem}.access-card time{align-self:start;color:var(--red);font-size:.79rem;font-weight:900;white-space:nowrap}.access-card small{grid-column:1/-1;color:#5d6671;font-size:.78rem}

@media (min-width:980px){
  .access-view{min-height:calc(100vh - 72px);padding:0 34px 38px;background:var(--desk-page)}
  .access-view>.sub-header{display:none}
  .access-content{max-width:1050px;margin:0 auto;padding:34px 0}
  .access-intro{padding:0 0 22px;border-bottom:1px solid var(--desk-line)}
  .access-intro h1{font-size:1.55rem}.access-intro span{font-size:.92rem}.access-intro b{font-size:.82rem}
  .access-search{width:380px;height:44px;margin:20px 0 0;border-radius:9px;box-shadow:none}
  .access-hint{margin:17px 0 8px;font-size:.87rem}
  .access-list{gap:0;border:1px solid var(--desk-line);border-radius:13px;overflow:hidden;box-shadow:0 5px 18px #1424370d}
  .access-card{grid-template-columns:minmax(360px,1fr) 195px;gap:5px 18px;padding:14px 18px;border-radius:0;border-bottom:1px solid #edf0f3;box-shadow:none}
  .access-card:last-child{border-bottom:0}.access-card:hover{background:#fff8f8}.access-card strong{font-size:.94rem}.access-card time{font-size:.84rem;text-align:right}.access-card small{font-size:.8rem}
  #show-accesses{display:none!important}
}