.master-detail{--master-width:clamp(320px, 38%, 480px);grid-template-columns:var(--master-width) minmax(0, 1fr);height:var(--master-detail-height,auto);border:1px solid var(--border);background:var(--card);border-radius:12px;min-height:360px;display:grid;overflow:hidden}.master-detail-list{border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex}.master-detail-head{border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0;padding:12px}.master-detail-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.master-detail-scroll>ul>li+li{border-top:1px solid var(--border)}.master-detail-foot{border-top:1px solid var(--border);background:var(--card);flex-shrink:0;padding:8px 12px}.master-detail-item{color:var(--foreground);outline:none;padding:12px 16px;text-decoration:none;display:block;position:relative}.master-detail-item:hover{background:var(--muted)}.master-detail-item[aria-current=true]{background:var(--sidebar-accent)}.master-detail-item[aria-current=true]:before{content:"";background:var(--primary);width:3px;position:absolute;inset:0 auto 0 0}.master-detail-item:focus-visible{box-shadow:inset 0 0 0 2px var(--ring)}.master-detail-detail{overscroll-behavior:contain;outline:none;min-width:0;min-height:0;overflow-y:auto}.master-detail-detail:focus-visible{box-shadow:inset 0 0 0 2px var(--ring)}.master-detail-back{padding:12px 16px 0}.master-detail-placeholder{text-align:center;height:100%;color:var(--muted-foreground);place-items:center;padding:32px;display:grid}@media (max-width:767px){.master-detail{background:0 0;border:0;border-radius:0;height:auto;min-height:0;display:block;overflow:visible}.master-detail-list{border:1px solid var(--border);background:var(--card);border-radius:12px}.master-detail-head{z-index:2;border-radius:12px 12px 0 0;position:sticky;top:0}.master-detail-scroll,.master-detail-detail{overflow:visible}.master-detail-back{padding:0 0 16px}}