.access-main{max-width:1440px}
.access-workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:16px;align-items:start}
.access-primary{min-width:0}
.access-history-card{position:sticky;top:72px;margin-bottom:15px;max-height:calc(100vh - 90px);display:flex;flex-direction:column}
.access-history-card .card-head{flex:0 0 auto}
.access-history-card .card-head>div{min-width:0}
.access-history-card .card-head h2{line-height:1.25}
.access-history-card .btn{min-height:34px;padding:6px 10px}
.access-history-body{min-height:180px;overflow:auto}
.access-history-list{padding:9px}
.access-history-item{display:block;border:1px solid #DDE5EC;border-radius:9px;background:#fff;padding:11px;margin-bottom:8px}
.access-history-item:last-child{margin-bottom:0}
.access-history-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.access-history-item strong{display:block;color:var(--ink);font-size:12px;overflow-wrap:anywhere}
.access-history-item small{display:block;color:var(--muted);font-size:10px;line-height:1.4;margin-top:2px}
.access-history-summary{margin-top:8px;padding-top:8px;border-top:1px solid #EEF2F6;color:#42576B;font-size:11px;line-height:1.45}
.access-history-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:var(--muted);font-size:10px}
.access-history-item .history-actions{margin-top:9px}
.target-main{transition:background .15s ease,color .15s ease}
.target-main:hover{background:#F7FBFD}
.target-chevron{width:30px;height:30px;border:1px solid #D7E6EE;border-radius:8px;background:#F3F8FB;color:#168FC7;font-size:0;box-shadow:0 1px 2px rgba(14,26,43,.04);transition:background .16s ease,border-color .16s ease,transform .16s ease}
.target-chevron::before{content:'';display:block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}
.target-card.selected .target-chevron{background:#E5F5FC;border-color:#8ED1EC;color:#087DB1}
.target-card.selected .target-chevron::before{transform:translateY(2px) rotate(225deg)}
.target-main:focus-within .target-chevron{outline:3px solid rgba(41,171,226,.18);outline-offset:1px}
@media(max-width:1050px) and (min-width:761px){.access-workspace{grid-template-columns:minmax(0,1fr) 320px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.access-workspace{display:block}.access-history-card{position:static;max-height:none}.access-history-body{max-height:none}}